HTML5 基础之语义 登录

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 > 标签规定独立的流内容(图像、图表、照片、代码等等)。

下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 欢迎学习html5 </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送