05-HTML新标签与新特性

一.常用新标签

• header:定义文档的页眉.

• nav:定义导航连接的部分.

• footer:定义文档或节的页脚.

• article:标签规定独立的自包含内容.

• section:定义文档的节(section:区段).

• aside:定义其所处内容之外的内容.

二.常用新属性(表单)

• placeholder:占位符提供可描述输入字段预期值的提示信息.

• autofocus:规定当页面加载时 input 元素应该自动获得焦点.

• multiple:多文件上传.

• required:必填项.

• accesskey:规定激活（使元素获得焦点）元素的快捷键.

• autocomplete:规定表单是否应该启用自动完成功能.

三.datalist

1.概述

标签定义选项列表.

2.注意

该标签应与input标签配合使用,用于定义input可能的值.

3.格式

<input  list="url_list">
<datalist id="url_list">
      <option value="#" label="XX"></option>
      <option value="#" label="XX"></option>
 </datalist>

四.input标签新增的type属性值

email,url,number,range,time,date,month,week.

五.多媒体标签

常用标签

• audio:音频标签.HTML5通过audio标签来解决音频播放的问题.

  • 常用属性:
    • autoplay:自动播放.
    • controls:是否显不默认播放控件.
    • loop:循环播放.

• video:视频标签.HTML5通过video标签来解决视频播放的问题.

  • 常用属性:
    • autoplay:自动播放.
    • controls:是否显示默认播放控件.
    • loop:循环播放.
    • width:设置播放窗口宽度.
    • height:设置播放窗口的高度.

• iframe: 该标签会创建包含另外一个文档的内联框架(即行内框架).

  • 常用属性
    • frameborder:规定是否显示框架周围的边框.
    • width和height:定义宽度和高度.
    • src:规定在 iframe 中显示的文档的 URL .
    • width:设置播放窗口宽度.
    • height:设置播放窗口的高度.
    • allowfullscreen:是否允许全屏.

• 多媒体embed

  • embed可以用来插入各种多媒体,格式可以是Midi,Wav,AIFF,AU,MP3等等.
  • url为音频或视频文件及其路径,可以是相对路径或绝对路径.
  • 形式:
    • <embed src="http://player.youku.com/embed/XNDE5ODg3Mzg1Ng==" type="" width="600" height="400" />