UDN-企业互联网技术人气社区

板块导航

浏览  : 1495
回复  : 3

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

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-20 16:30:43 | 显示全部楼层 |阅读模式
本帖最后由 友美C_cup 于 2015-8-1 16:21 编辑

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

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

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

      你如何看待?

      对于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面,为了回避这种方式,我们一直使用JavaScript来处理。可点击元素的目的就是为了完成任务和功能,而使用原生HTML来完成这种功能比起JS来说更自然,有时候肯定会很方便。我想问的是:对于这个实践你如何看待?你能立即使用吗?请分享您的观点!





相关帖子

发表于 2015-8-10 20:11:36 | 显示全部楼层
路过 帮顶 嘿嘿
使用道具 举报

回复

发表于 2015-8-13 10:36:00 | 显示全部楼层
又见楼主分享帖子
使用道具 举报

回复

发表于 2015-8-13 21:13:55 | 显示全部楼层
我是被标题吸引进来的
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部