您现在的位置是：网站首页> 编程资料编程资料

HTML5在a标签内放置块级元素示例代码HTML中img标签只显示图片中心位置的方法(三种方法)Html5新增标签有哪些Html Mate 标签 使用详解 中文WORD版HTML5各种头部meta标签的功能(推荐)处理HTML5新标签的浏览器兼容版问题HTML中的base标签 中文WORD版清除行内元素之间HTML空白的几种解决方案html内联元素和块级元素的基本概念及使用示例html 内联元素和html 块级元素概述及区别HTML5的结构和语义(3):语义性的块级元素

2021-09-01 918人已围观

简介 你没看错:用一个A标签包裹块级元素，在HTML5以前，a标签属于行内元素，而div,h1,p 等为块级元素，如果强行包裹，可能会被强行截断为多个a标签，感兴趣的朋友可以了解些

对比起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里面看着很难过，因为是一堆的黄色警告。但是客观来说，有时候有些代码确实很有效，比如什么之类的)

上一篇：html5基础教程常用技巧整理html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

下一篇：HTML5 window/iframe跨域传递消息 API介绍html中iframe控制父页面刷新实现思路及代码html Frame、Iframe、Frameset 的区别 HTML网页制作教程 谨慎使用iframe标记HTML iframe 用法总结收藏HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网