h5

一、HTML5简介

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

二、HTML5包含哪些内容

新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
2D/3D 制图

三、HTML标签

1.article

作用：

标签定义独立的内容。

标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
格式：简写

案例：

  
"article "标签规定独立的自包含内容。一篇文章应有其自身  的意义，应该有可能独立于站点的其余部分对其进行分发。html5  添加
  
"artile"元素的潜在来源
  

    
论坛帖子
    
报纸文章
    
博客条目
    
用户评论
  
  
"article"lei类似于“div”拥有“div”的所有属性

效果：

2. aside

作用：

标签定义

标签外的内容。
aside 的内容应该与附近的内容相关。
格式：简写
案例：

  
aside的内容应该与附近的内容相关
  
asideaaaaaaaaa
  
aside不不不不不不不不不不不不不
  
啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿  绿绿绿绿绿绿绿绿绿绿绿不不不不不不不不不不不不不aside
  突突突突突突拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖拖

效果：

3. audio

作用：

Audio在HTML5 中的新属性。

案例：

效果：

4.bdi

作用： 元素 (双向隔离元素) 会隔离可能以不同方向进行格式化的外部文本。
当不知道是从什么方向嵌入文本，如来自于数据库的文本（有起数据库的文本方向）的时候，该元素是十分有用的。
格式：
案例：

  
在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。
  

     
用户 hrefs: 60 分
     
用户 jdoe: 80 分
     
用户 إيان: 90 分
  
  

    注意： 目前只有 Firefox 和 Chrome 浏览器支持 bdi 标签。
  

效果：

5.Canvas

作用： 标签定义图形，比如图表和其他图像，通过脚本 (通常是JavaScript)来完成。（canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：）
格式：
属性：

: HTML5 中的新属性。

案例：

  您的浏览器不支持 HTML5 canvas 标签。
  
  

效果：

6.datailst

作用：

  
  

    
    
    
  
  

    注意:    Internet Explorer 9（更早 IE 版本），Safari 不支持 datalist 标签。
  

效果：

7.dialog

作用：

标签定义一个对话框、确认框或窗口。在窗口的附近定义窗口的内容。
格式：

简写

属性：

Dialog在HTML5 中的新属性。

案例：

    

      注意：目前只有 Chrome 和 Safari 6 支持 dialog 标签。  
    
    

    

      
January 
This is an open dialog window
      
February
      
March
    
    

      
31
      
28
      
31
    
  

效果：

8.abbr

作用：用于标记缩写
格式：简写
属性：title ：用于鼠标悬浮的提示信息
案例：

The PRC was founded in 1949.

效果：