HTML5 语义元素
语义= 意义
语义元素 = 有意义的元素
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例:
和 - 无需考虑内容.
, and - 清楚的定义了它的内容.
浏览器支持
语义元素实例:
,浏览器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。
注意: Internet Explorer 8 及更早版本不支持该元素。 但是文章底部提供了兼容的解决方法.
HTML5中新的语义元素
许多现有网站都包含以下HTML代码：
,
, 或者
, 来指明导航链接, 头部, 以及尾部.
根据W3C HTML5文档: section 包含了一组内容及其标题。
实例
元素使用实例:
Forum post
Blog post
News story
Comment
实例
HTML5 提供了新的语义元素来明确一个Web页面的不同部分:
<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>
[HTML5 语义元素]
HTML5 元素
根据W3C HTML5文档: section 包含了一组内容及其标题。
实例
WWF
The World Wide Fund for Nature (WWF) is....
尝试一下 »
HTML5 元素
标签定义独立的内容。.元素使用实例:
Forum post
Blog post
News story
Comment
实例
Internet Explorer 9
Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。
