html5中的语义化标签有哪些

html-css020

html5中的语义化标签有哪些,第1张

article 标签装载显示一个独立的文章内容

section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

aside 用来装载非正文类的内容。例如侧边栏等等。

hgroup 标签用于对网页或区段的标题元素(h1-h6)进行组合。

header 标签定义文档的页面组合,通常是一些引导和导航信息。

footer 标签定义 section 或 document 的页脚。

nav 标签定义显示导航链接

time 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

mark 标签定义带有记号的文本。

figure 标签规定独立的流内容(图像、图表、照片、代码等等)。

figcaption 标签定义 figure 元素的标题(caption)。

标签种类:

<header>:定义页眉

<nav>:定义导航

<section>:定义文档中的区段

<time>:定义日期和时间

<article>:定义文章

<aside>:定义文章的侧边栏

<figure>:定义一组媒体对象以及文字

<figcaption>:定义figure的标题

<footer>:定义页脚

标签作用:

header与footer标签用于表示页面、应用或某个模块的头部和尾部;

nav用于表示导航;

article标签表示文章;

aside标签和article标签用法类似,只是表示内容会出现在侧边栏;

figure标签表示一段自包含的内容——独立的流内容(图像、图标、照片、代码等)

在开发当中,可以使用section和article标签替代过度的div标签,用这些标签来对页面进行内容划分。

想了解更多,可点击《如何让旧浏览器支持HTML5新标签》

<header>

<header>元素描述了文档的头部区域

<nav>

标签定义导航链接的部分。

<section>

<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

<article>

<article> 标签定义独立的内容。

<aside>

<aside> 标签定义页面主区域内容之外的内容(比如侧边栏)。

<figcaption>

<figcaption> 标签定义 <figure> 元素的标题.

<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

<figure>

<figure>标签规定独立的流内容(图像、图表、照片、代码等等)。

<footer>

    <footer> 元素描述了文档的底部区域.