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

无语义 元素实例: <div> 和 <span> - 无需考虑内容.

语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.

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

  • <header> 头部,可以使用多个<header> 元素.
  • <nav>      导航链接
  • <section>  定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
  • <article>   定义独立的内容。.
  • <aside>     定义页面主区域内容之外的内容(比如侧边栏)。
  • <figcaption>定义 <figure> 元素的标题.应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
  • <figure>   规定独立的流内容(图像、图表、照片、代码等等)。如果被删除,则不应对文档流产生影响。
  • <footer>  文档的底部区域.可以使用多个 <footer>元素.

以上的元素都是块元素(除了<figcaption>).

为了让这些块及元素在所有版本的浏览器中生效,你需要在样式表文件中设置一下属性 (以下样式代码可以让旧版本浏览器支持本章介绍的块级元素):

header, section, footer, aside, nav, article, figure

    display: block; 
}

最新文章

  1. js的命名规范
  2. Android Volley框架的使用(1)
  3. Xamarin环境搭建
  4. TCP的3次握手和4次挥手
  5. Windows2008防火墙封ip
  6. python 内建函数 str() 和 repr() 的区别
  7. 【IOS】 XML解析和xml转plist文件(GDataXML)
  8. Ajax 生成流文件下载 以及复选框的实现
  9. AppCan 双击返回按钮退出应用
  10. Android图片处理神器BitmapFun源码分析
  11. Yaf 使用遇到的坑
  12. Python之测试webservice接口
  13. 用webgl打造自己的3D迷宫游戏
  14. Oracle RAC + ASM + Grid安装
  15. WordPress添加个性化的博客宠物的方法
  16. MariaDB xtrabackup物理备份与还原
  17. 【Static Program Analysis - Chapter 1】 Introduction
  18. 004_i686和x86_64的区别
  19. Codeforces Round #406 (Div. 1) A. Berzerk 记忆化搜索
  20. Java获取随机数获取制定范围指定个数不重复的随机数

热门文章

  1. new 和 make 均是用于分配内存
  2. mysq&#39;l系列之10.mysql优化&amp;权限控制
  3. em、pt、px和百分比
  4. Laravel5.5执行表迁移命令出现表为空的解决方案
  5. css(3)
  6. 使用gdb调试c/c++代码
  7. kvm初体验之五:vm连接网络的两种方式:bridge和nat
  8. JQuery添加删除标签
  9. 多线程mtr-代码
  10. vs2012解决scanf,printf编译出错的问题