HTML5新增的一些标签

太过爱你忘了你带给我的痛 2022-05-31 02:41 324阅读 0赞

**新增的结构标签**

**section标签：**

表示页面中一个内容的区块比如章节、页眉、页脚或页面的其他部分，可以和h1、h2......标签结合起来用，表示文档结构。例：HTML5中：<section>......</section>,HTML中：<div>......</div>

**article标签：**

表示页面中一块与上下文不相关的独立内容，比如一篇文章。

**aside标签：**

表示article标签内容之外的，与article标签内容相关的辅助信息。

**header标签：**

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

**hgroup标签**

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

**footer标签：**

表示整个页面或内容区块中一个内容区块的脚注，一般来说，它会包含创作者的姓名，创作日期以及创作者的联系信息。

**nav标签：**

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

**figure标签：**

表示一段独立的流内容，一般表示文档主题流内容中的一个独立单元，使用figcaption标签为figure标签组添加标题，例如：

<figure>

<figcapton>PRC</figcaption>

<p>The People's Republic of China was born in 1949</p>

</figure>

**HTML4中的对比：**

<dl>

<h2>prc<h2>

<p>The People's Republic of China was born in 1949</p>

</dl>

**新增媒体标签**

**video标签：**

定义视频，像电影片段或其他视频流。例：<video src="movie.ogg" controls="controls">video标签</video>

**HTML4中的对比：**

<object type="video/ogg" data="move.ogv">

<param name="src" value="movie.ogv">

</object>

**audio标签：**

定义音频，如音乐或其他音频流。例：<audio src="someoudio.wav">audio标签</audio>

HTML4中的对比：

<object tyle="application/ogg" data="someoudio.wav">

<param name="src" value="someoudio.wav">

</object>

**embed标签：**

用来嵌入内容（包括各种媒体）。格式可以是Midi、AIFF、Wav、AU、MP3、flash等等。例：<embed src="flash.saf"/>;

**HTML4中的对比：**

<object data="flash.saf" type="application/x-shockwave-flash"></object>

**新增表单控件标签**

**email标签：**

必须输入email

**url标签：**

必须输入url地址

**number标签：**

必须输入数值

**range标签：**

必须输入一定范围内数值

**Data Plckers:**

拥有多个可供选取日期和时间的新输入类型：

date-选取日、月、年

month-选取月、年

week-选取周和年

time-选取时间（小时和分钟）

datemate-选取时间、日、月、年（本地时间）

**search标签：**

用于搜索域，域显示为常规的文本域

发表评论取消回复

表情：

评论列表（有 0 条评论，324人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5新增标签

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件

﹏ヽ暗。殇╰゛Y/ 2024年02月17日 17:48/ 0 赞/ 86 阅读

相关 HTML5新增标签的使用

HTML5新增的标签 1、<article> 标记定义一篇文章 2、<header> 标记定义一个页面或一个区域的头部 3、 <nav> 标

缺乏、安全感/ 2023年10月17日 08:13/ 0 赞/ 145 阅读

相关 HTML5新增视频标签（HTML5）

HTML5新增视频标签（HTML5） <!DOCTYPE html> <html lang="en"> <head> <

悠悠/ 2023年10月03日 13:31/ 0 赞/ 38 阅读

相关 HTML5新增标签

artical：文章主体内容 header：标记头部区域内容 footer：标记脚部区域内容 section：区域章节表述 nsv：菜单导航链接导航 progress

阳光穿透心脏的1/2处/ 2023年07月19日 05:58/ 0 赞/ 23 阅读

相关 html5新增的标签或者属性

会有一点多，耐心看看把一、语义化标签 <header></header> <nav></nav> <main> <arti

Love The Way You Lie/ 2023年07月18日 05:49/ 0 赞/ 22 阅读

相关前端---html5新增标签

<article>标签定义外部的内容（结构元素） <aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素） <figure>定义

谁借莪１个温暖的怀抱￠/ 2022年07月24日 07:11/ 0 赞/ 280 阅读

相关 HTML5新增的一些标签

新增的结构标签 section标签：表示页面中一个内容的区块比如章节、页眉、页脚或页面的其他部分，可以和h1、h2......标签结合起来用，表示文档结构。例：

太过爱你忘了你带给我的痛/ 2022年05月31日 02:41/ 0 赞/ 325 阅读

相关 HTML5 新增的语义化标签

<article> 定义文章。 <aside> 定义页面内容以外的内容。 <audio>定义声音内容。 <bdi> 定义文本的文本方向，使其脱

不念不忘少年蓝@/ 2022年05月22日 06:10/ 0 赞/ 403 阅读

相关 HTML5新增标签属性

关于h5 兜兜转转终于学完CSS开始接h5了！其实h5没有大家想的那么复杂！我们之前学的pc端就是以h5的标准来的只是那些标签是 html4.01之前就有的！我们后

傷城~/ 2022年04月03日 02:45/ 0 赞/ 419 阅读

相关 html5新增标签

1、视频标签<video> IE8或者更早的IE版本不支持。 <videowidth="320"height="240"controls>

朴灿烈づ我的快乐病毒、/ 2021年12月01日 10:46/ 0 赞/ 473 阅读