首页 > 技术文章 > HTML5新增标签

wq-code 2017-03-28 09:20 原文

文档结构

  • <header></header>:文档的页眉(网页头部);
  • <nav></nav>:导航链接的部分(主导航栏);
  • <footer></footer>:文档的页脚信息(网页尾部);
 
文章相关标记
  • <article>:代表一篇文章;
  • <aside>:侧边栏;
  • <section>:区块。主要用于排版网页,功能与 <div> 一样;
  • <details>:标题的简介;
  • <summary>:标题的内容,与 <details> 配合使用;
 
其他标记
  • <mark>:重点标注;
  • <progress>:进度条
    • max:最大值
    • value:当前值
 
音频标记 <audio>
  • 语法:<audio>对不起,你的浏览器不支持 audio 元素 </audio>
  • 常用属性
    • controls:是否显示控制面板;
    • autoplay:是否自动开始;
    • src:播放文件路径。支持的文件格式:MP3、OGG、WAV;
    • loop:是否循环播放;
 
视频标记 <video>
  • 语法:<video>对不起,你的浏览器不支持 video元素 </video>
  • 常用属性
    • controls:是否显示控制面板;
    • autoplay:是否自动开始;
    • src:播放文件路径。支持的文件格式:MP4、OGG;
    • loop:是否循环播放;
    • width:视频宽度;
    • height:视频高度;
    • poster:视频第一帧的画面;(默认是视频第一帧)
 
表单中新增的属性
  • autocomplete:自动完成。取值:no 或 off;
  • autofocus:自动获得焦点;
 
表单 input 元素 type 属性的值
  • tel:电话验证;
  • email:邮箱验证;
  • url:网址验证;
  • color:颜色拾色器;
  • date:日历;
  • month:选择月份;
  • time:时间;
  • datetime:日期时间;

 

推荐阅读