HTML5为HTML增加了很多新元素。<section>、<article>、<aside>、<nav>、<header>和<footer>都是帮助你建立页面结构的新元素，与使用<div>相比，它们可以提供更多含义。<section>用于对相关的内容分组。<article>用于类似博客帖子、论坛帖子和新闻报道等独立的内容。<aside>用于表示不作为页面主内容的次要内容，如插图和边栏。<nav>用于组织网站导航链接。<header>将标题、logo和署名等通常放在页面或区块最上方的内容组织在一起。<footer>将诸如文档信息、法律措辞和版权说明等通常放在页面或区块最下方的内容组织在一起。<time>也是HTML5中的一个新元素。这个元素用来标记时间和日期。<div>仍然用于建立结构。它通常将元素组织在一起来指定样式，或者有些内容可能不适合放在HTML5中那些与结构相关的新元素中，这些内容就可以使用<div>创建结构。较早的浏览器不支持新的HTML5元素，所以一定要知道主要用户使用哪些浏览器访问你的Web页面，除非能确保新元素对你的用户适用，否则不要贸然使用这些新元素。
<video>是一个新的HTML元素，用于为页面增加视频。视频编码是用来创建视频文件的编码，常用的视频编码包括h.264、Vp8和Theora。视频容器文件包括视频、音频和元数据。流行的容器格式包括MP4、OGG和WebM。要提供多个视频源文件，确保你的用户可以在他们的浏览器中观看你的视频文件。
<video controls autoplay width="512" height="288">
<source src="video/xxx.mp4" type='video/mp4;codecs="avc1.42E01E,mp4a.40.2"'>
<source src="video/xxx.webm" type='video/webm;codecs="vp8,vorbis"'>
<source src="video/xxx.ogv" type='video/ogg;codecs="theora,vorbis"'>
</video>
转载于:https://www.cnblogs.com/giscode/p/6610454.html
