HTML5 新增加和废除的元素

在谈到HTML5 新增加和废除的元素之前,先了解一下元素标记的省略问题

具体来说,元素的标记分三种:

1 不允许写结束标记

area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

2 可以省略结束标记

li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tr、td、th。

3 可以省略全部标记

html、head、body、colgroup、tbody。

 

HTML5 新增加和废除的元素

section元素

表示页面中的一个内容区块,比如章节,页眉,页脚或页面中的其他部分,它可以与h1,h2,h3,h4,h5,h6等元素结合起来使用,标示文档结构。

HTML5中代码示例:

<section></section>

HTML4中代码示例:

<div>...</div>

 

article元素

表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章。

HTML5中代码示例:

<article></article>

HTML4中代码示例:

<div>...</div>

 

aside元素

表示article元素的内容之外的,与article元素的内容相关的辅助信息。

 

header元素

表示页面中一个内容区块或整个页面的标题

 

hgroup元素

用于对整个页面或页面中一个内容区块的标题进行组合。

 

footer元素

表示整个页面或页面中一个内容区块的脚注。

 

nav元素

表示页面中导航链接的部分。

 

figure元素

表示一段独立的流内容,一般表示文档主体流内容中一个独立单元。使用figcaption元素为figure元素组添加标题。

 

video元素

定义视频,比如电影片段或其他 视频流

<video src="movie.ogg" controls="controls">video元素</video>

 

audio元素

定义音频,比如y音乐或其他音频流。

<audio src="someaudio.wav">audio元素</audio>

 

embed元素

用来插入各种多媒体,格式可以是Midi,Wav,AIFF,AU,MP3等。

 

mark元素

主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。

 

新增的元素种类繁多,暂不一一描述。

 

posted on 2019-07-24 10:29  死磕&到底  阅读(307)  评论(0编辑  收藏  举报

导航