html5新增标签 - 家住三十三重天外

      2020-09-17 02:49      HTML5

html5新增标签
<section></section> 表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用,标示文档的结构 <section></section>
<article></article>表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或者报纸中的一篇文章
<aside></aside>表示acticle元素的内容之外的,与article元素的内容相关的辅助信息。
<header></header>表示页面中一个内容区块或者整个页面的标题
<footer></footer>表示整个页面或者页面中的一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者联系信息。
<nav></nav>表示页面中导航链接的部分
<figure></figure>表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素添加标题。
<figure></figure> 是一种元素的组合,带有可选 标题。用来表示网页上一块独立的内容。
<figcaption></figcaption> 表示 figure 的标题。从属于 figure , 并且, figure 中只能放置一个 figcaption
<video></video>定义视频,比如电影片段或其他视频流
autoplay果出现该属性,则视频在就绪后马上播放。
controls如果出现该属性,则向用户显示控件,比如播放按钮。
loop如果出现该属性,则每当音频结束时重新开始播放。
muted规定视频输出应该被静音。
preload如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src要播放的音频的 URL。
poster:url;规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
一共支持三种格式: Ogg、MPEG4、WebM。
<audio></audio>定义音频,比如音乐或其他音频流
autoplay如果出现该属性,则音频在就绪后马上播放。
controls如果出现该属性,则向用户显示控件,比如播放按钮。
loop如果出现该属性,则每当音频结束时重新开始播放。
muted规定视频输出应该被静音。
preload如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src要播放的音频的 URL。
这个标签支持3中格式,分别是wav、mp3、ogg格式,都是音频格式,而且在不同的浏览器中还有不同的兼容性。下面是主流的几个浏览器对它的支持性:
<mark></mark>高亮显示文字,一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。
<canvas id=“myCanvas” width=“200” height=“200”></canvas>表示图形,比如图标和其他图像。这个元素本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端js,以使脚本能够把想绘制的东西绘制到这块画布上