初探html5(一)

在html5种免去了繁琐的文档头输入，用<!DOVTYPE HTML>来代替 这简洁大方的文档头，怎么看怎么舒服

在一些页面源信息里定义字符集变成 <meta charset="utf-8">不记得以前是那样的了-，-。

在html5中多了很多语义化的标签,这些标签使整个代码更加语义化，而且对搜索引擎更加的友好，

<article> 内容是一篇文章 ，来自blog的文章 ， 来自论坛文本

<figure>  插图，比<img> 更适合在文章新闻等中添加与内容相关的图片

<figcption>  插图标题或者插图说明~

<aside>  附注 类似侧边栏 

<section>  比div 具体一些适合任何以标题开头的内容区块  "通常是最后考虑的标签"（这是什么意思呢）

<audio> 有3个属性~ autoplay 自动播放  controls控制面板的现实与否 loop播放结束后立即循环重新播放preload页面加载时对音频进行加载预备播放，如果使用autoplay就忽略该属性
对于不同浏览器对音频的实现也不同~有些的格式不一样  我们可以用一种相对来说兼容性较好的写法

当浏览器执行audio标签的时候 会顺序查找source资源~遇到能执行的边执行~不然 就执行最后的 表示Not 浏览器不支持audio标签

<canvas> 绘制图形的一个面板~后面会全面地学习~
<command> 标签定义命令按钮 比如单选，复选框或按钮 (这个标签 不太知道啥意思~ 以后看到别人用了~在说~)
<datalist> 字面意思是数据链 用于存储数据的标签 用法 该节点真好~能够自动匹配~省了很多后台的操作。 按照首字母的顺序开始匹配不能 模糊匹配

<input id="mycar" list="cars" /><datalist id="cars"><option value="BMW"><option value="QQ"><option value="Volvo"></datalist>

<details> 用于描述某个部分文档  能够产生一个可以隐藏/显示的 文本 并且带有标题~ 标题用 <summary>标签来表示
例如:

<details><summary>text title</summary>some text</details>

chrome 支持 ie 不支持 纳尼！！ ff也不支持 -，- omg
<embed> 定义嵌入标签的内容 比如 flash 插件啥的~（具体不知道应用到什么地方）
<figure> 对元素的组合~ 
<figcaption>  元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置
例如: 描述yhw

<figure><figcaption>yhw</figcaption><p>i'm yhw lalala~</p></figure>

<footer> 该标签 就等于~ <div class="footer"> 讲并没有任何意义的标签div 语义化 变成<footer>类似的标签  <header>
# html5 中不再有 <font><frame><frameset><dir>
<hgroup> 对于网页区域(section)的标题的组合
<mark> 标记标签~ 在文本中需要做标记突出的文字段落 使用<mark>xxx</mark> 来包裹它~ 会在被包裹的text中加入一个背景色默认为黄色 可以通过background-color更改噢~
<meter> 定义衡量度 在这些浏览器上好像没啥用~ 不知道为啥~ 可以制作一个 进度条读取等东西~ 下午或者什么时候 做一下~
<nav> 导航标签 跟ul li 相比~ nav 只是用于语义化表示 ~这个部分是一个导航~ 便于搜索引擎
<output> 定义一个脚本输出的位置~ 
<progress> 耗费时间进度~类似一个loading.. 的东西~  包含两个属性~ max value
<section> 区域标签~ 类似于~ div 这货
<source> 媒介资源~
<time> 时间标签 
<video> 一个html 解析视频的标签
<input> 在html5中多了几个新的input类型这些新特性 提供了更好的输入控制和验证email,url,number,range,Date,search,color,telephone;个别像 email,url,number等 在提交表单的时候会自动监测input内的值是否正确~
pleaceholder 可以在 input框内~ 留一个 提示信息~当输入时~ 提示信息便会消失
游戏?更好看的网页?webgl3d游戏?手机web应用？未来趋势？