HTML5

结构化语义标签：

    atricle(文章)  aside(侧边)  header(头部)  footer(尾部)  nav(导航)  section(小节)

这些标签主要是为了某种"含义"(即所谓语义),但本身没有什么外观表现，跟div一样。

1.多媒体标签

 audio：音频标签

<audio src="音频文件路径" [autoplay][controls][loop] </audio>

属性解释:

        autoplay: 无属性值，表示自动播放。

        controls: 无属性值，表示显示控制面板

         loop:  true fasle，表示循环播放   

 video: 视频标签

      <video src="视频文件路径" [autoplay][controls][loop] width height></video>

2. source : 资源标签 -- 为音频和视频提供多项文件源，如下所示：

  <audio[video] controls>

      <source src="horse.ogg" type="audio/ogg">

     <source src="horse.mp3" type="audio.mpeg">

       您的浏览器不支持 audio元素

  </audio[video]>

3. embed：嵌入第三方插件，通常用的最多就是flash动画

<embed src="source/helloworld.swf" type="application/x-shockwave-flash">

4. dialog : 对话框标签，内容表现为"浮起来的对话框"   必须要open属性

5. progress: 进度条标签（单标签）表现为一个进度条的样子   代码：<progress value="50" max="100">

6. mark： 标记标签 : 文本有‘突出显示’效果（通常是显示为黄色背景）

7. time:    时间标签，表示其内容是一个时间

8. address: 地址标签,表示其内容是一个地址

9. canvas: 画布标签，可以在其上面作画(需要后续js知识才能实现)

10. detail/summary : 两者配合使用，实现文本的"详情/概述的折叠效果",形式为

       <detail>

            <summary>概述性内容<summary>

      </detail>

11.  新增的input 类型

email  tel   url  number  search range time date datetime  month 

 

一些新增的属性:

required：必填属性

placeholder属性:

    设定input文本框的默认提示性文本。

autofocus属性:

    设定网页一打开的时候自动获取焦点的表单元素

multiple属性:

    设定一个文件域可以一次选择多个文件（原来只能选择一个文件）

contenteditable属性:

    设定一个元素内部的文本内容是"可编辑的"

10: meta标签用于定义有关网页(文档）的相关信息（不作为网页的内容表现信息）

meta 标签常用的网页（文档）的相关信息如下所示：

设定针对搜索引擎的关键字

<meta name="keyswords" content="HTML,CSS,XML,XHTML,javascript" />

设定对页面的描述：

<meta name=‘description’ content=''/>

设定网页的作者或者制作组

<meta name="Author" content="">

设定网页每隔多少秒数自动刷新一次

<meta http-equiv='refresh' content='5' />

设定网页在一定时间后自动跳转到另一个页面

<meta http-equiv='Refresh" Content="等待的秒数;url=要跳转的网页地址“>

11.内嵌框架标签iframe（了解）

基本上，可以把iframe标签看做类似textarea标签，只要把它放在想放的位置就可以。

使用形式：

<ifrmae src="要嵌入进来的网页地址" name="框架名称" width="宽度" height="高度" frameborder="1或0" scrolling="yes或no"></iframe>

说明：1 iframe是双标签，但标签中通常不放任何内容

           2 frameborder：用于设定框架窗口是否显示"边框线",1表示显示，0表示不显示

           3 scolling: 用于设定框架窗口是否显示滚动条(类似浏览器的滚动条)