0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > HTML5在a标签内放置块级元素示例代码

HTML5在a标签内放置块级元素示例代码
热门标签：临海地图标注app 智能芯电话机器人 怎么做百度地图标注 400开头的电话好申请不 咸阳稳定外呼系统软件 百度地图标注为什么总是封号 小朱地图标注 地图标注柱状图 四川移动电销外呼客户管理系统
对比起XHTML来说，HTML5通过更简单的元素引起了一系列的思考，坦诚地讲,这真的是急需的简化。这些简化之一就是能够通过<a>标签包装像div,h标签(h1...h6),和段落标记P 这些块级元素。你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前，a标签属于行内元素，而div,h1,p 等为块级元素，如果强行包裹，可能会被强行截断为多个a标签。当然，都是浏览器的事啦。).

示例代码：

复制代码
代码如下:

<body>
<a href="/about-page.php">
<div class="article">
<h1>关于 David Walsh</h1>
<p>
原文作者是27岁的 Web Developer, 并且是jQuery & MooTools方面的专家级顾问,地址为 Madison, Wisconsin. 同时也是Wynq Web 实验室的创始人兼主程 . 格言：“我并不设计网站,只是让他们跑起来.”
</p>
</div>
</a>
</body>

就是这样，一个A标签包裹着div,p,h1这样的元素，需要注意的是，你不能在一个A标签内包含另一个A标签，否则发生什么事，可能是各个浏览器不一致的。

你如何看待？
对于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面，为了回避这种方式，我们一直使用JavaScript来处理。可点击元素的目的就是为了完成任务和功能，而使用原生HTML来完成这种功能比起JS来说更自然，有时候肯定会很方便。我想问的是：对于这个实践你如何看待？你能立即使用吗？请分享您的观点！
(译者注：在译者的项目里，一个组员就使用了这个功能。在MyEclipse里面看着很难过，因为是一堆的黄色警告。但是客观来说，有时候有些代码确实很有效，比如什么<red>之类的)

标签：公主岭 陕西 黄石 平凉 黄石 平顶山 山南 南平

巨人网络通讯声明：本文标题《HTML5在a标签内放置块级元素示例代码》，本文关键词  HTML5,在,标签,内,放置,块级,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《HTML5在a标签内放置块级元素示例代码》相关的同类信息！
  • 本页收集关于HTML5在a标签内放置块级元素示例代码的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：HTML5 script元素async、defer异步加载使用介绍

    下一篇：HTML5 window/iframe跨域传递消息 API介绍

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： HTML5在a标签内放置块级元素示例代码 HTML5,在,标签,内,放置,块级,