好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5在a标签内放置块级元素示例代码

对比起XHT ML 来说,HTML5通过更 简单 的元素引起了一 系列 的思考,坦诚地讲,这真的是急需的 简化 。这些简化之一就是能够通过<a>标签包装像div,h标签( h1 .. .h6),和段落标记P 这些块级元素。你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前,a标签属于 行内元素 ,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签。当然,都是浏览器的事啦。).

示例代码:

复制代码

代码如下:


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


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

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

总结

以上是 为你收集整理的 HTML5在a标签内放置块级元素示例代码 全部内容,希望文章能够帮你解决 HTML5在a标签内放置块级元素示例代码 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于HTML5在a标签内放置块级元素示例代码的详细内容...

  阅读:19次