HTMl5-------新增属性

(一)HTML HTML5新增标签整理

HTML5增加了主要增加了一些结构标签,媒体标签,表单标签以及一些功能性标签

1,结构标签

• section
  定义文档中的节,如章节,页眉页脚等,可与和,h2等标签结合使用,表示文章结构
• article
  定义页面独立的内容区域,如一篇文章
• aside
  定义文档的头部区域
• header
  定义文档的头部区域
• hgroup
  对页面中一个内容区块的标题进行整合;标题组
• footer
  定义也叫,如作者姓名,地址等
• nav
  定义导航部分,他是有意义的标签,并不是在某处加上这个标签就有了当行的样式了,这只是有意义的div而已,在头部header中加入菜单标签
  ,nav标签可以和

  • 标签何用
  • figure
    定义独立的刘内容,如图像,图片,照片,代码等
    这个标签可以和他的配套标签联合使用
    ,不过

    中间写标题,p标签写内容
    还可以和

    联合使用,其中

    是写标题,而

    是写内容的,

  2,表单标签

  需要注意兼容性问题,使用时需严格测试,大部分标签只有高版本浏览器支持

  • email
    输入邮箱地址,提交表单时会自动验证是否合法;如
  • url
    输入yrl地址,提交表单时会自动验证是否合法,如
  • number
    输入域为数值,如
    max:设定最大值
    min:设定最小值
    pattern:验证输入字段的模式
    reqired:不可为空
    step:规定合法的间隔
  • range 包含一定范围内数字值的数字域
    
    特有属性介绍:
    max:设定最大值
    min:设定最小值
    step:规定合法的间隔
  • date
    从日期选择器中选择一个日期,如
  • datetime-local
    从日期选择器中选择一个日期和事件,如
  • month
    选择一个月份如
  • week
    选择一个周 如
  • search
    搜索 如
  • clolr
    颜色选取,可获取颜色响应的十六进制颜色值, 如

  3,媒体标签

  • video 定义视频,IE9+,目前只支持MP4,Ogg,WebM格式,如
    
    或者
    

  属性	介绍
  src	视频url
  autoplay	视频就绪后马上播放
  controls	向用户展示控件,如播放按钮
  height	定义播放器高度
  width	定义播放器宽度
  loop	是否循环播放
  muted	静音
  poster	值为YRL,规定点击播放按钮前展示的图像
  proload	视频在页面加载时就进行加载,并预备播放,如使用autoplay属性,则忽略该属性

  • audio 定义音频,IE9,目前只支持MP3,Ogg,Wav格式,如
    
    或者:
    
    属性|介绍
    ------------|----------------------
    src|音频URL
    autoplay|视频就绪后马上播放
    controls|向用户展示控件,如播放按钮
    loop|是否循环播放
    muted|静音
    preload:视频在页面加载时就进行加载,并预备播放,如使用autoplay属性,则忽略该属性
  • embed
    定义嵌入的内容,可以是各种类型的内容,如插件,视频,音频等等
    

  • base
    base为页面上所有的相对链接规定默认URL会默认目标,如

  
  
  
  将在新窗口打开,因为base的target属性为_blank

  • input标签新增属性

  新增属性	意义
  autocomplete	是否启动自动完成功能
  autofocus	页面加载时自动花去焦点
  height	设置type=image的高度
  width	设置type=image宽度
  required	必填
  placeholder	提示文字
  pattern	指定输入格式,如pattern="[0-9]" //正则表达式
  max	规定输入字段的最大值
  maxlenght	规定输入字段中的字符的最大长度
  min	最小值
  form	input元素所属的一个或多个表单,值必须是form_id
  formaction	可以覆盖form的action属性
  formenctype	覆盖表单的enctype属性
  formmethod	覆盖表单的method属性
  formnovalidate	覆盖表单的novlidate属性,如果使用该属性,则提交表单时不进行验证
  formtarget	覆盖表单的target属性

  • a 超链接,注意:如果没有href属性,则hreflanh,media,rel,target,type不可用.
    新增属性:
    download:指定下载链接
    media;指定媒介类型
    type:指定MINE类型
  • ol有序列表 如:
    
    
    
    1. one
    
    
    2. two
    
    
    3. three
    
    
  • style内嵌样式,如;