HTML 相关知识点总结

HTML 语义化

语义化即“用正确的标签做正确的事“,通过使用正确的标签使页面内容结构化,便于浏览器解析和搜索引擎爬取,目前的现代浏览器对不同的标签有预置的样式,能够在没有样式的情况下展示正确的结构。

HTML5

  • 文件类型声明(<!DOCTYPE>)仅有一型:<!DOCTYPE HTML>。
  • 新的解析顺序:不再基于SGML。
  • 新的元素:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。
  • input元素的新类型:date, email, url等等。
  • 新的属性:ping(用于a与area), charset(用于meta), async(用于script)。
  • 全域属性:id, tabindex, repeat。
  • 新的全域属性:contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
  • 移除元素:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
  • 新应用程序接口(API)除了原先的DOM接口,HTML5增加了更多样化的API: 1. HTML Geolocation
    1. HTML Drag and Drop
    2. HTML Local Storage
    3. HTML Application Cache
    4. HTML Web Workers
    5. HTML SSE
    6. HTML Canvas/WebGL
    7. HTML Audio/Video