怎么使用HTML的语义元素,HTML5 语义元素

1、语义元素 -- 有意义的元素

如：

、

无语义元素：

、

2、HTML5 新语义元素

(1)

定义文档中的节(章节、页眉、页脚等)

用法：包含在section标签里面的内容，它们的默认格式会和原始的有些区别。

WWF

The World Wide Fund for Nature (WWF) is....

(2)

定义独立的内容

WWF

The World Wide Fund for Nature (WWF) is....

(3)

定义导航链接的部分

用法：下面的html、JS、jQuery会自动排成一排，顶部导航的那种格式

html

JS

jQuery

(4)

定义页面主区域内容之外的内容

aside的内容与主区域内容相关。如主区域是关于一个景点的介绍，aside的内容是该景点的联系方式。

使用：

My family and I visited The Epcot center this summer.

Epcot Center

The Epcot Center is a theme park in Disney World, Florida.

(5)

描述文档的头部区域

主要用于定义内容的介绍展示区域

不会影响其包含的内容的默认样式

可使用多个

实例：

Internet Explorer 9

Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的

(6)

描述文档的底部区域，页脚

通常包含文档的作者、著作权、链接、联系信息等

可多次使用

实例：

Posted by: Hege Refsnes

(7)

：规定独立的流内容(图像、图表、照片、代码等等)。内容应该与主内容相关，但如果被删除，不对文档流产生影响。

标签：定义

元素的标题。被置于 "figure" 元素的 第一个／最后一个 子元素的位置。

使用：

Posted by: Hege Refsnes