【前端学习笔记】HTML5相关的标签和表单

---

1.HTML5的发展历史

HTML5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。” 2013年5月6日， HTML5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。 本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的遨游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

2. H5新增加的标签

个数	含义	语法书写
1	头部	<header></header>
2	尾部	<footer></footer>
3	导航	<nav></nav>
4	媒体文件引入	<embed src=“”></embed>
5	内容块	<section></section>
6	辅助信息	<aside></aside>
7	文章	<article></article>
8	独立内容块	<figure> <figcaption>这个是熊大小动物</figcaption> <img src="xiongda.png" /> </figure>
9	高亮显示文字	<mark></mark>
10	标题组	<hgroup></hgroup>
11	对话框	<dialog open>这是打开的对话窗口</dialog>
12	定义图形	<canvas> </canvas>

Video 定义视频

video允许有多个source元素，source元素可以连接不同的视频文件浏览器将使用第一个可识别的格式进行播放

Video的标签支持的格式

Audio音频文件
<audio src="someaudio.mp3">您的浏览器不支持 audio 标签。</audio>
定义音频，比如音乐或其他音频流
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息

3.H5新增加的表单type属性值

注意，跟input标签设置样式一样，但是要设置标签中局部的样式不能实现。如改变日历的背景色，颜色框的按钮效果等，这些都不可以实现。

4.H5新增加的表单属性

5.H5新增加的表单标签

datalist提供一个事先定义好的列表，通过id与input关联，当在input内输入时就会有自动完成（autocomplete）的功能，用户将会看见一个下拉列表供其选择。

输出标签<output name="x"for="a b"></output>
<form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  <inputid="a" type="text" >+
  <inputid="b" type="text" value="50">=
  <outputname="x" for="a b"></output>
</form>