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]-->