HTML5标签和特性（一）
2017-05-27 本文已影响0人
柏龙
HTML5是什么？
HTML5 是定义 HTML 标准的最新的版本。
该术语表示两个不同的概念：
- 它是一个新版本的HTML语言，具有新的元素，属性和行为，
- 它有更大的技术集，允许更多样化和强大的网站和应用程序。
有哪些新特性？
- 语义：能够让你更恰当地描述你的内容是什么。
- 连通性：能够让你和服务器之间通过创新的新技术方法进行通信。
- 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。
- 多媒体：使 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]-->
