HTML5 基础之语义

HTML5 语义元素

语义= 意义.

　　 语义元素 = 元素的意义.

什么是语义元素?

一个语义元素能够为浏览器和开发者清楚的描述其意义。像 < div > 和 元素是属于无语义元素。语义元素实例: < form >, < t able>, and < img > - 清楚的描述了元素所代表的内容。

浏览器对语义元素的支持

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。

　注意: Internet Explorer 8及更早IE版本不支持该语义元素

　许多现有网站都包含以下HTML代码： < div id="nav" >,或者来指明导航链接, 头部, 以及尾部.

HTML5提供了新的语义元素来明确一个Web页面的不同部分:

< header >

　　< nav >

　　< section >

　　< article >

　　< aside >

　　< figcaption >

　　< figure >

　　< footer >

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

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

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

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

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

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

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