html5之元素与标签结构

发表于   |  

html5语法

沿用html的语法，更简洁、更人性化

  1. doctype及字符编码
  2. 大小写都可以
  3. 布尔值写上则表现为true
  4. 省略引号(应放到双引号里)
  5. 可以进行省略的标签 5.1 不允许写结束符的标签(atea,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr)
    5.2 可以省略结束符的标签(li,dt,dd,p,rt,optgroup,option,colgroup,thread,tr,td,th)
    5.3 可以完全省略的标签（html,head,body,colgroup,tbody）

新增和删除标签

新增

  1. 结构标签（section，article，aside，header，footer，hgroup，figure-一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption标签为figure标签组添加标题）
  2. 表单标签
  3. 媒体标签

  4. 其他功能标签（mark，commond，progress，time–datatime、pubdate，details，datalist，ruby–对某个字进行注释、rt注释内容、rp不支持时该怎么显示，keygen，rt，output，wbr，source，canvas，menu）

    <details>
  <summary>books</summary>
  <ul>
    <li></li>
  </ul>
</details>
<input id="" list="cars">
<datalist id="cars">
  <option></option>
  <option></option>
</datalist>

删除标签

  1. 可以使用css代替的标签
  2. 不在使用frame
  3. 只有在个别浏览器支持的标签
  4. 其他不常用的标签

新增及废除属性

新增属性

  1. 表单属性
  2. 链接属性
  3. 其他属性

废除属性

  1. 可以使用css代替的属性
  2. 多于属性
  3. 其他属性

全局属性

对任何一个标签都是可用的
data-*
hidden
Spellcheck
tabindex
contenteditable
designMode