谈谈Html5新增的标签
Html5是一个超文本标签语言,相比于上个版本而言,增加了很多新的标签,这里呢只谈谈一些简单而又容易被大家忽视的,像常用的<header><footer>标签这里就不做表述。
操作方法
- 01
<article> 标签:主流浏览器都支持(IE9以下不支持),这个元素可以用来写一些论坛、贴吧、报纸、博客、还有一些评论,它支持全局属性还有事件属性。以下是演示:
- 02
<section> 强制规定一个文章或者文档中的节(section、区段)。经常用来一些章节等等,使用率不是很高。要用在有标题和内容的情况下,只有内容的时候不适用,它支持全局属性还有事件属性。以下是演示:
- 03
<nav>用来标记页面中导航链接的部分,常用在页面尾部一些推广链接等等,适用性很广,使用也很频繁,主流浏览器都支持(IE9以下不支持)。以下是演示:
- 04
<aside>用来标记当前内容之外的内容,但是应该要与附近的内容有关系。经常是用在某篇文章的侧边栏,还有一些参考资料,作为文章的附属信息,它支持全局属性还有事件属性,主流浏览器都支持(IE9以下不支持)。以下是演示:
- 05
<time>是一个语义化的时间,代表某个具体的时刻或者是日期,允许有时间差,但是使用的频率不是很高,了解就好,因为当前主流浏览器都不支持。以下是演示:
- 06
<figure>经常用做文章中的插图,与内容应该密切有关,但是就算是删除,也不应当影响文档的使用,主流浏览器都支持(IE9以下不支持),另外呢 <figcaption> 元素可以为 figure 添加标题,很实用呢。以下是演示:
- 07
<audio>定义文档中的音频,html5的重要元素,可以在文档中插入音频控件,相比于其他的插件,这个插件更能被主流浏览器兼容。最好是写成像我下面的那样,单纯的写audio,里面的wav格式不能被IE兼容。以下是演示:
- 08
<video>定义文档中的视频,Html5 的重要元素,可以在文档中插入视频控件,网络上也有很多的其他控件,但是在做移动端的时候会出现很多兼容性的问题。还是需要些安卓接口来调用本地播放器,苹果机上不会有这样的问题。主流浏览器都是支持的。
- 09
另外还新增了其他的元素像一些video视频元素、embed媒体元素、mark标记元素、progress元素、ruby元素,canvas元素、details元素、source元素、menu元素、input等等