html5中的语义元素是什么意思

HTML5 语义元素

语义= 意义.

语义元素 = 元素的意义.

什么是语义元素?

一个语义元素能够为浏览器和开发者清楚的描述其意义。

而像 <div >和 元素是属于无语义元素。

语义元素实例: <form >, <t able>, and <img >- 清楚的描述了元素所代表的内容。

浏览器对语义元素的支持

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

注意: Internet Explorer 8及更早IE版本不支持该语义元素，但是文章底部提供了兼容的解决方法。

HTML5中新的语义元素

许多现有网站都包含以下HTML代码： <div id="nav" >,

, 或者

, 来指明导航链接, 头部, 以及尾部.

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

<header >

<nav >

<section >

<article >

<aside >

<figcaption >

<figure >

<footer >

HTML5元素

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

根据W3C HTML5文档: section 包含了一组内容及其标题。

HTML提供了内联元素用于识别文本的含义、控制文本排列的顺序、向文档插入额外的内容，例如图片、控制元素。内联元素本身就是内容。语义元素(semantic element)用于识别内容的含义。HTML为每个语义化的内联元素都赋予了默认的样式。<span>没有默认样式和任何含义，所以可把它用于任何目的。<strong>默认是粗体显示。下面几个元素默认都是斜体：<em>、<dfn>、<cite>和<var>.接下来几个元素的默认样式为等宽字体：<code>、<kbd>和<samp>.默认为下划线的有：<a>、<acronym>和<abbr>.IE 6不支持<abbr>

---