HTML5

什么是HTML5
        HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务。
大部分主流浏览器已经支持HTML5，但是各个浏览器支持的方式以及语法有所差异性。支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等现代浏览器。

为什么需要HTML5

1. HTML4陈旧不能满足日益发展的互联网需要，特别是移动互联网。为了增强浏览器功能Flash被广泛使用，但安全与稳定堪忧，不适合在移动端使用（耗电、触摸、不开放）。
2. HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖，让用户体验更好，让开发更加方便，

HTML5优点与缺点
优点
1、网络标准统一、HTML5本身是由W3C推荐出来的。
2、多设备、跨平台
3、即时更新。
4、提高可用性和改进用户的友好体验；
5、有几个新的标签，这将有助于开发人员定义重要的内容；
6、可以给站点带来更多的多媒体元素(视频和音频)；
7、可以很好的替代Flash和Silverlight；
8、涉及到网站的抓取和索引的时候，对于SEO很友好；
9、被大量应用于移动应用程序和游戏。

缺点
1、安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，来盗取用户的信息和资料。
2、完善性：许多特性各浏览器的支持程度也不一样。
3、技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习，像web worker、web socket、web storage 等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战
4、性能：某些平台上的引擎问题导致HTML5性能低下。
5、浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。

HTML5语法规则与文档声明
语法规则:

• ①标签要小写，属性值不加" "或 ’ ’
• ②可以省略某些标签 HTML body head tbody
• ③可以省略某些结束标签 tr td li
• ④单标签不用加结束标签 img input
• ⑤废除的标签，看第二点 font center big

新增的结构标签

1. section元素
   表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中<section>……</section>;HTML4中<div> ……</div>。

2. article元素
   表示页面中一块与上下文不相关的独立内容。比如一篇文章。

3. aside元素
   表示article元素内容之外的、与article元素内容相关的辅助信息。

4. header元素
   表示页面中一个内容区块或真个页面的标题。

5. hgroup元素
   表示对真个页面或页面中的一个内容区块的标题进行组合。

6. footer元素
   表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。

7. nav元素
   表示页面中导航链接的部分。

8. figure元素
   表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。

<figure> 
	<figcaption>嘻嘻嘻</figcaption> 
	<p>哈哈哈</p> 
</figure> 

HTML4中常写作

<dl> 
	<h1>嘻嘻嘻</h1> 
	<p>哈哈哈</p> 
</dl>

9. datalist 标签定义选项列表。请与 input 元素配合使用该元素

<input type="text" value="输入明星" list="star"/> <!--  input里面用 list -->
<datalist id="star">   <!-- datalist 里面用 id  来实现和 input 链接 -->  
    		<option>刘德华</option>
    		<option>刘若英</option>
    		<option>刘晓庆</option>
    		<option>郭富城</option>
    		<option>张学友</option>
    		<option>郭郭</option>
</datalist>

常用新属性

属性	用法	含义
placeholder	<input type="text" placeholder="请输入用户名">	占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
autofocus	<input type="text" autofocus>	规定当页面加载时 input 元素应该自动获得焦点
multiple	<input type="file" multiple>	多文件上传
autocomplete	<input type="text" autocomplete="off">	规定表单是否应该启用自动完成功能 有2个值，on和off ， on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮 2.这个表单您必须给他名字
required	<input type="text" required>	必填项 内容不能为空
accesskey	<input type="text" accesskey="s">	规定激活（使元素获得焦点）元素的快捷键 采用 alt + s的形式