HTML5笔记

HTML5笔记

特点

1. 语义：能够让你更恰当地描述你的内容是什么。
2. 连通性：能够让你和服务器之间通过创新的新技术方法进行通信。
3. 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。
4. 多媒体：使 video 和 audio 成为了在所有 Web 中的一等公民。
5. 2D/3D 绘图 & 效果：提供了一个更加分化范围的呈现选择。
6. 性能 & 集成：提供了非常显著的性能优化和更有效的计算机硬件使用。
7. 设备访问 Device Access：能够处理各种输入和输出设备。
8. 样式设计: 让作者们来创作更加复杂的主题吧！

语义

区块和段落元素

HTML5 中新的区块和段落元素一览: <section>, <article>, <nav>, <header>, <footer>, <aside> 和 <hgroup>.

 <section></section>
 //不是专门用来做容器的标签，通常来定义文档中的一段内容。比如章节、页眉页脚或文档中的其他部分。
 <article></article>
 //表示独立的自包含内容
 <nav><nav>
 //定义导航链接的部分
 <header><header>
  //标签定义文档的页眉（介绍信息）。
  <footer></footer>
  //标签定义文档或节的页脚。
  <aside></aside>
  //标签定义其所处内容之外的内容。
  <hgroup></hgroup>
  //标签用于对网页或区段（section）的标题进行组合

div充当容器的角色，用来设置某一块的总体属性（一个div里面可能包含多个section）；
section用于强调某一个模块，强调模块本身是作为一个整体的；
article用于强调某一段独立的内容，强调内容的独立性。