• 技术文章 >web前端 >H5教程

    HTML5在a标签内放置块级元素示例代码_html5教程技巧

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

    示例代码:

    复制代码
    代码如下:

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

    你如何看待?
    对于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面,为了回避这种方式,我们一直使用JavaScript来处理。可点击元素的目的就是为了完成任务和功能,而使用原生HTML来完成这种功能比起JS来说更自然,有时候肯定会很方便。我想问的是:对于这个实践你如何看待?你能立即使用吗?请分享您的观点!
    (译者注:在译者的项目里,一个组员就使用了这个功能。在MyEclipse里面看着很难过,因为是一堆的黄色警告。但是客观来说,有时候有些代码确实很有效,比如什么之类的)
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML5 a标签 块级元素
    上一篇:html5开发之viewport使用_html5教程技巧 下一篇:HTML5 script元素async、defer异步加载使用介绍_html5教程技巧
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 详解HTML5新增的多媒体标签• Html5 Canvas初探学习笔记(13) -图片变换• canvas需要在标签里直接定义宽高_html5教程技巧• HTML5重塑Web世界它将如何改变互联网_html5教程技巧• HTML5 b和i标记将被赋予真正的语义_html5教程技巧
    1/1

    PHP中文网