h5新语义标签

发表于 | 分类于

doctype html声明文档类型

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5新标签

  1. header 头部标签，一般都是包含标题标签或者导航条。header、footer不互相嵌套。

  2. hgroup 对标题进行组合

  3. footer 一般都是版权信息、作者简介。。。

  4. nav 导航条

  5. main 主要内容，一个页面就用一次，外层结构。

  6. article 文章、独立的内容块。article可以嵌套自己。

  7. section 章节、区块，专题性的内容

  8. aside 侧边栏，非正文的内容

  9. figure对图片跟文字进行组合>figcaption 对figure的内容进行说明

  10. time时间 [datetime 规定具体时间]

  11. details细节[open默认显示细节]>summary 对细节的总结

  12. mark 定义带有记号的文本

  13. progress 定义进度条 progress [max最大值 ]【value当前值】

  14. meter 度量尺 min最小值 low较低的值 value当前值 optimum较佳的值，当取值小于较低的值说明越低越好，反之同理

  15. ruby注释标签 > rt对内容的注释信息

  16. 引入视频的方式：video[src] 或者 video>source[src]

        (1)[controls]控制条
    (2)[autoplay]自动播放
    (3)[loop]循环播放
    (4)[width]    or      [height]                 
    (5)[poster]等待加载时的图片

支持格式：ogg、mp4、webM