H5是什么?H5在H4的基础上增加了几个新的标签,使Html更加的语义化和功能上更加强大。
总结一下H5的几个新特性:
1. 脚本和链接无需type
在HTML4或XHTML中,需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
<.link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />.
<.script type="text/javascript" src="path/to/script.js">.</.script>.
在H5里面,我们这样就可以了。
<.link rel="stylesheet" href="path/to/stylesheet.css" />.
<.script src="path/to/script.js">.</.script>.
2. 几个新的标签Header
Footer
video
audio
Hgroup
1.如Header
和Footer
使我们的HTML更语义化,更加简洁。能被搜索引擎更好的检索。
2.video
和audio
两个标签则能使播放视频和音频
<video src="/i/movie.ogg" controls="controls">
您的浏览器不支持 video元素。//用于提示不支持这个标签的浏览器
</video>
<audio controls="controls">
<source src="horse.ogg" >
您的浏览器不支持 audio 元素。//这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。
</audio>
上面两个标签记住加上controls="controls
,不然不会出现控制条,音频将会无法呈现,视频只会是一张图片。
3.Hgroup
标签
在HTML5中,有许多新引入的元素,hgroup就是其中之一。假设我的网站名下面紧跟着一个子标题,我可以用<h1>
和<h2>
标签来分别定义。然而,这种定义没有说明这两者之间的关系。而且,h2标签的使用会带来更多问题,比如该页面上还有其他标题的时候。
在HTML5中,我们可以用hgroup元素来将它们分组,这样就不会影响文件的大纲。
<header>.
<hgroup>.
<h1>大标题</h1>
<h2>小标题</h2>
</hgroup>
</header>
3. HTML5 新的文档类型
在HTML5中,我们声明文档只需要<!DOCTYPE html>
就可以了。