HTML5定义了一组新的语义化的结构标记来描述网页内容。虽然语义化结构标记可以被HTML4标记进行替换,但是他可以简化HTML页面设计,明确的语义化更适合搜索引擎检索和抓取。
- header:表示页面中一个内容区块或整个页面的标题
- footer:表示整个页面或页面中一个内容区块的脚注。
- section:表示页面中的一个内容区块,如章节、页眉、页脚或页面中的其他部分。
- article:表示页面中的一块与上下文不相关的独立内容,如博客中的一篇文章
- aside:表示article元素的内容之外的、与article元素内容相关的辅助信息
- nav:表示页面中导航链接部分
- main:表示网页中的主要内容。主要内容区域指与网页标题或应用程序中本页面主要功能直接相关或进行扩展的内容
- figure:表示一段独立的流内容,一般表示文档主流内容中的一个独立单元。可以使用figcaption元素为figure元素组添加标题
video元素:定义视频,比如电影片段或其他视频流
<video src="movie.ogg" controls="controls">video元素</video>
HTML4中:
<object type="video/ogg" data="movie.ogv">
<param name="src" value="movie.ogv" />
</object>
audio元素:定义音频,比如音乐或其他音频流
<audio src="someaudio.wav">audio元素</audio>
HTML4中:
<object type="application/ogg" data="someaudio.wav">
<param name="src" value="someaudio.wav" />
</object>
bdi元素:定义文本的文本方向,使其脱离其周围文本的方向设置
HTML5中:
<ul>
<li>Username <bdi dir="rtl">Bill</bdi>:80 password</li>
<li>Username <bdi dir="ltr">Steve</bdi>:78 aaaaaa</li>
<ul>
menu元素:表示菜单列表。当希望列出表单控件时使用该标签
HTML5中:
<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu>
track元素:定义用在媒体播放器中的文本轨道
例如:
<video width="320" height="240">
<source src="myvideo.mp4" type="video/mp4"></source>
<source src="myvideo.ogv" type="video/ogg"></source>
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese" />
<track kind="subtitles" src="suns_eng.str" srclang="en" label="English" />
</video>
我正在跟着江哥学编程,更多前端+区块链课程: www.it666.com