HTML5在a标签内放置块级元素示例代码
2013-08-23 18:32
309 查看
对比起XHTML来说,HTML5通过更简单的元素引起了一系列的思考,坦诚地讲,这真的是急需的简化。这些简化之一就是能够通过<a>标签包装像div,h标签(h1...h6),和段落标记P 这些块级元素。你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签。当然,都是浏览器的事啦。).
示例代码:
就是这样,一个A标签包裹着div,p,h1这样的元素,需要注意的是,你不能在一个A标签内包含另一个A标签,否则发生什么事,可能是各个浏览器不一致的。
你如何看待?
对于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面,为了回避这种方式,我们一直使用JavaScript来处理。可点击元素的目的就是为了完成任务和功能,而使用原生HTML来完成这种功能比起JS来说更自然,有时候肯定会很方便。我想问的是:对于这个实践你如何看待?你能立即使用吗?请分享您的观点!
(译者注:在译者的项目里,一个组员就使用了这个功能。在MyEclipse里面看着很难过,因为是一堆的***警告。但是客观来说,有时候有些代码确实很有效,比如什么<red>之类的)
示例代码:
<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 在<a>标签内放置块级元素
- HTML5 在<a>标签内放置块级元素
- 代码下载Html5初探-视频元素video示例
- HTML5页面架构元素 - <section>标签
- javaScript 动态访问JSon元素示例代码
- HTML5 创建canvas元素示例代码
- HTML5语义化标签 之 文本元素标签、分组元素标签
- Html5学习笔记1 元素 标签 属性
- html5--1.3 元素的概念与3个常用标签
- 对着网页进行右键操作------审查元素(快速查看标签代码)
- jquery实现tr元素的上下移动示例代码
- HTML5 语义元素、迁移、样式指南和代码约定
- html5实现多文件的上传示例代码
- HTML5标签和元素变化
- HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些
- 关于块级标签,列表,分区标签的使用(实例代码)
- HTML5使用DOM进行自定义控制示例代码