你没看错:用一个A标签包裹块级元素,在HTML5以前,a标签属于行内元素,而div,h1,p等为块级元素,如果强行包裹,可能会被强行截断为多个a标签,感兴趣的朋友可以了解些
对比起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>之类的)
最新资讯
百度收购YY传闻背后:业务拓展能否“1+1大于2”?

百度收购YY传闻背后:业

对于欢聚时代而言,当下这个时间点确实颇为微妙。至少从
信用卡融合科技样本调查:美团与区域性银行深度合作收效几何

信用卡融合科技样本调

随着零售转型日益迫切,越来越多区域性银行将信用卡业务
报告:2020上半年美国音乐流媒体订阅量达到7210万 同比增长24%

报告:2020上半年美国音

2020年上半年,美国付费音乐订阅量再次上升。美国唱片业
蚂蚁IPO“折让”定价:发行价68.8元 预期市盈率24倍

蚂蚁IPO“折让”定价:

根据中金、摩根士丹利、花旗、摩根大通等主要投行的盈
苹果明年发布两款无线耳机 立讯精密、歌尔股份有望获大部分订单

苹果明年发布两款无线

知情人士表示,苹果已在内部讨论了在明年上半年推出入门
Facebook为其平台加入免费云游戏功能

Facebook为其平台加入

Facebook发表博文称,并补充道所有基于云的流媒体游戏都
最新文章
html5 canvas-1.canvas介绍(hello canvas)

html5 canvas-1.canva

大家都知道,目前并不是所有的浏览器中支持html5,就算是
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿