HTML5标签和特性（一）

HTML5是什么？

HTML5 是定义 HTML 标准的最新的版本。

该术语表示两个不同的概念：

1. 它是一个新版本的HTML语言，具有新的元素，属性和行为，
2. 它有更大的技术集，允许更多样化和强大的网站和应用程序。

有哪些新特性？

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

有哪些新增标签？

常用的标签	描述
header	定义了文档的头部区域
nav	导航条
footer	定义页脚
section	定义文档中的节（section、区段）
aside	定义页面内容之外的内容
article	定义页面正文内容
canvas	标签定义图形，比如图表和其他图像
audio	定义音频内容
video	定义视频
time	定义日期或时间
code	呈现一段计算机代码
blockquote	HTML 块级引用元素，代表其中的文字是引用内容

如何让低版本的 IE 支持 HTML5新标签？

• 只需要一个特殊的CSS样式，因为未知元素默认会样式化为display:inline

section, article, aside, footer, header, nav, hgroup {
  display:block;
}

• 使用JS进行标签创建，为HTML文件创建我们需要的这几个HTML5标签.

<!--[if lt IE 9]>
  <script>
    document.createElement("header" );
    document.createElement("footer" );
    document.createElement("section"); 
    document.createElement("aside"  );
    document.createElement("nav"    );
    document.createElement("article"); 
    document.createElement("hgroup" ); 
    document.createElement("time"   );
  </script>
<![endif]-->

• 引入第三方库 html5shiv.js
  可以把HTML5的新元素转换成IE6认识的元素

<!--if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->