H5新增标签

网页组成部分

  • 头部 header
  • logo
  • banner
  • 导航 navigate
  • 页脚 footer
  • 主体 main
  • 侧边栏 side

HTML 新增标签

结构标签

  • header
  • nav
  • footer
  • main
  • aside
  • section 有标题的一块内容
  • actricle
  • details
我的信息

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus exercitationem quam ipsam dolorum vitae, ducimus quas amet eligendi voluptate vel illum dolorem sunt, odit esse expedita dolores id obcaecati. Facilis.

  • summary
  • dialog(弹框)

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis molestiae voluptate officia mollitia explicabo consequuntur, animi illo harum error porro blanditiis minima, nemo architecto rem unde at quis corporis esse!

文本标签

  • mark 标记
  • meter 表示度量 属性 max/min/value/low/high
电量还剩多少:
  • progress 表示进度 属性 max/value
充电:
  • ruby

    同志交友
    tong zhi jiao you

  • rt
  • time

HTML5 多媒体

相关标签

  • video 属性: src / width / height / autoplay / loop / controls / preload / poster / muted
  • audio 属性 : src / preload / controls / autoplay / loop / muted
  • sorce 属性 : src / type
  • track 自定义进度条

视频

  • H5之前,视频用flash (.flv文件)
  • H5制定了视频的标签zz
  • 三种视频格式: mp4 / ogg / webm
  • mime类型: video/mp4 video/ogg video/webm

音频

  • H5之前,音频也用flash
  • H5制定了音配标准
  • 三种音频格式: mp3 / wav / ogg



音乐播放器


  • 定义媒介源
  • 定义用在媒体播放器中的文本轨道

HTML5全局属性

  • contenteditable 让元素内设置可以编辑 值 true|false
  • contextmenu 配合自定义右键菜单
body contextmenu="mymenu">

    
    

  • data-*
  • draggable 元素是否可以拖动 值 true/false
  • dropzone b
  • translate 值 yes|no
  • spellcheck 值 true|false

你可能感兴趣的:(H5新增标签)