持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第24天，点击查看活动详情
-
HTML5简介
- 它是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，用于取代HTML4与XHTML的新一代标准版本，所以叫HTML5
-
HTML5新变化
-
XHTML（可扩展超文本标记语言）：XHTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求（XHTML是HTML学习的标准，其中设计了很多语法，依旧在书写HTML中使用）
-
HTML5：设计目的是为了在移动设备上支持多媒体；增加了一些新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性；此外，废弃了一些元素和属性比如font、center等
-
-
HTML5优势、劣势
-
HTML5优势：提高可用性和改进用户的友好体验；更好的语义化标签；可以给站点带来更多的多媒体元素（视频和音频）；可以很好的替代flash和silverlight；当涉及到网站的抓取和索引的时候，对于SEO很友好；将被大量应用于移动应用程序和游戏；可移植性好
-
HTML5劣势：该标准并未能很好的被PC段浏览器所支持；IE9以下的浏览器几乎都不兼容
-
-
广义的HTML5
-
狭义的HTML5是指HTML语言的第五个版本
-
广义的HTML5是HTML5本身+CSS3+JavaScript技术的结合
-
-
新增语义化标签
-
<header>头部标签；<nav>导航标签；<main>主体标签；<article>独立的内容标签；<section>区段标签；<aside>侧边栏标签；<footer>尾部标签 -
注意事项：这种语义化标准主要针对搜索引擎的；这些新标签页面中可以使用多次的；在IE9中，需要把这些元素转换为块级元素；移动端更常用这些标签；HTML5还增加了很多其他标签具体查看developer.mozilla.org/zh-CN/docs/…
-
-
HTML5新增多媒体标签
-
音频：
<audio>书写语法：<audio src=”文件地址” controls=”controls”></audio> -
视频：
<video>书写语法：<video src=”文件地址” controls></video> -
使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用落后的flash和其他浏览器插件
-
HTML5中，如果标签属性的属性名和属性值是一样的，那么可以省略属性值不写
-
总结：音频标签和视频标签使用基本一致；浏览器支持情况不同；可以给视频标签添加muted属性进行自动静音播放视频，音频不可以；视频标签是重点，我们经常设置自动播放，循环和设置大小属性，不使用controls控件
-
-
HTML5新增表单标签
-
新增
<input>表单类型 -
number类型的属性值还有上限、下限、每次增加减小的数量和默认显示的值的写法：
<form><input type=”number” max=”100” min=”0” step=”4” value=”4”></form> -
range的用法和number相同
-
-
<datalist>标签-
<datalist>标签规定了<input>元素可能的选项列表 -
<datalist>元素包含了一组<option>元素，这些元素表示预定义可选值（增加书写速度），在<input>元素输入过程中，会自动响应<option>元素的值，而且还可以自定义一些内容 -
绑定的
<input>标签必须设置list属性，属性值等于<datalist>标签的id属性值
e.g.
<form> <input type=”text” list=”city-list”> <datalist> <option value=”广州”>gz</option> <option value=”北京”>bj</option> <option value=”上海”>sh</option></datalist></form>- option标签也可以书写成单标签样式如
<option value=”Shanghai”>
-
