图形元素
<canvas> |
定义图形,比如图表和其他图像。该标签基于JavaScript的绘图API |
新多媒体元素
<audio> |
定义音频内容。必须有controls属性。目前,<audio> 元素支持的3种文件格式:MP3、Wav、Ogg。直接加文字内容,音频不支持时显示文字。 |
<video> |
定义视频(video或者movie),有width、height属性。必须有controls属性。直接加文字内容,视频不支持时显示文字。 |
<source/> |
定义多媒体资源<video>和<audio>。浏览器选择能播放的使用。 <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> |
<embed/> |
定义嵌入的内容,比如flash、插件。属性有height、src、type、width |
<track/> |
为诸如<video>和<audio>元素之类的媒介规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。 |
新表单元素
<datalist> |
定义选项列表。请与input元素配合使用该元素,来定义input可能的值。 |
<keygen/> |
规定用于表单的密钥对生成器字段。该标签在新的 Web 标准中已废弃,Internet Explorer不支持keygen标签。 |
<output> |
定义不同类型的输出,比如脚本的输出。 |
新的语义和结构元素
<bdi> |
允许您设置一段文本,使其脱离其父元素的文本方向设置。起到空格作用?目前,只有Firefox和Chrome浏览器支持该标签。 |
<command> |
定义命令按钮,比如单选按钮、复选框或按钮。目前,只有IE 9支持该标签。 |
<details> |
用于描述文档或文档某个部分的细节。与<summary>一起用。目前,只有Chrome和Safari 6支持该标签。 |
<summary> |
标签包含 details 元素的标题。 |
<dialog> |
定义对话框,比如提示框。目前,只有Chrome和Safari 6支持该标签。 |
<mark> |
定义带有记号的文本。Internet Explorer 8 及更早版本不支持该标签。 |
<meter> |
定义度量衡。仅用于已知最大和最小值的度量。样式相似于进度条。 |
<progress> |
定义任何类型的任务的进度。IE 9与之前的IE 浏览器不支持该标签 |
<ruby> |
定义 ruby 注释(中文注音或字符)。IE 8与之前的IE 浏览器不支持该标签 |
<rt> |
定义字符(中文注音或字符)的解释或发音。 |
<rp> |
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。 |
<time> |
定义日期或时间。 |
<wbr> |
规定在文本中的何处适合添加换行符。 |
为了能让旧版本的浏览器正确显示以下元素,可以在head标签里设置 CSS 的 display 属性值为 block:
<style>
header, section, footer, aside, nav, main, article, figure {
display: block;
}
</style>
<article> |
定义页面独立的内容区域。 |
<aside> |
定义页面的侧边栏内容。 |
<figure> |
规定独立的流内容(图像、图表、照片、代码等等)。 |
<figcaption> |
定义 <figure> 元素的标题。<figure>内 |
<footer> |
定义 section 或 document 的页脚。 |
<header> |
定义文档的头部区域。不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。在一个文档中可以定义多个 <header> 元素。 |
<nav> |
定义导航链接的部分。 |
<section> |
定义文档中的节(section、区段)。 |
<main> |
代表文档的主内容区,一个页面中只能有一个main元素。不能将<main>元素放在<article>、<aside>、<header>、<footer>、<nav>、<html>元素里。 |
原文:https://www.cnblogs.com/wsq666/p/12285378.html