HTML5学习笔记（二)_bcb html5-CSDN博客

本文链接：https://blog.csdn.net/bcbbcc/article/details/52014521

`### H5中增加的一些新的标签
1. canvas 用于绘画
2. video 和 audio用于播放音频和视频
3. 更好的支持了本地的离线存储
4. article、footer、header、nav、section等是一些新的特殊的元素
5. calendar、date、time、email、url、search等是一些新的表单控件

HTML5

HTML5 的必须声明在H5文件的第一行，使用方法如下

<!DOCTYPE html>

HTML5的简单结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是标题</title>
</head>

<body>
这里填写内容
</body>

</html>

HTML5中增加的新的标签

标签	描述
`<article>`	定义页面内独立的内容区域
`<aside>`	定义页面的侧边栏内容
`<bdi>`	使得在这个标签下的文本不受其父元素文本方向的影响
`<command>`	定义按钮，比如单选按钮、复选框按钮等
`<details>`	用于描述文档或者文档某一个部分的细节
`<summary>`	这个标签包含 details 元素的标题
`<dialog>`	定义对话框，比如提示对话框
`<figure>`	规定的独立内容，比如图像、照片、代码等等
`<figcaption>`	定义 `<figure>` 元素的标题
`<footer>`	定义 section 或 document 的页脚。
`<header>`	定义页面的头部
`<mark>`	表示带有记号的文本
`<meter>`	定义度量衡，但是只适用于已知最大值和最小值的度量
`<nav>`	定义的是导航链接
`<progress>`	定义任何类型的进度
`<ruby>`	定义 ruby 注释（中文注音或字符）
`<rt>`	定义字符（中文注音或字符）的解释或发音
`<rp>`	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容
`<section>`	定义文档中的节（section、区段）
`<time>`	定义的是时间或者日期
`<wbr>`	规定在文本中的任何一处添加换行符

HHTML5中移除的标签

acronym
applet
basefont
big
center
dir
font
frame
frameset
noframes
strike

总结：

在H5中增加了这些新的标签，移除一些冗余或者过时标签，使得在与用户交互时，有更加良好的体验效果。因此学习使用这些新的标签，会使得应用的体验效果更佳。
目前，主流的浏览器都支持HTML5的某些新特性。但是在IE9以下，需要加入百度静态资源的html5shiv包：

 <!--[if lt IE9]-->. 
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

载入后，初始化新标签的CSS

/html5/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}