首页 > 程序开发 > web前端 > HTML 5 >

HTML5 语义元素

2013-08-28

  HTML5 语义元素  语义= 意义.  语义元素 = 元素的意义.  什么是语义元素?  一个语义元素能够为浏览器和开发者清楚的描述其意义。  而像 < div > 和 元素是属于无...

  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 包含了一组内容及其标题。

  实例

  < section >

  < h1> WWF

  < p>The World Wide Fund for Nature (WWF) is....

  < /section >

  HTML5

元素

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

  < article > 元素使用实例:

  Forum post

  Blog post

  News story

  Comment

  实例

  < article >

  < h1 >Internet Explorer 9 < /h1 >

  < p > Windows Internet Explorer 9 (abbreviated as IE9) was released to

  the public on March 14, 2011 at 21:00 PDT..... < /p >

  < /article >

  HTML5

相关文章
最新文章
热点推荐