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" />

05-HTML新标签与新特性

上一篇:wcleCombobox下拉框----------JQuery控件开发系列


下一篇:ubuntu为python处理图片安装图片数据增强库imgaug