前端知识点总结

时间 2020-01-11

标签前端知识总结繁體版

原文原文链接

知识点一：DOCTYPE和浏览器渲染模式

文档类型，一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。Doctype还会对浏览器的渲染模式产生影响，不一样的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析，因此Doctype是很是关键的，尤为是在 IE 系列浏览器中，由DOCTYPE 所决定的 HTML 页面的渲染模式相当重要。html

浏览器解析HTML方式：html5

有三种解析方式:canvas

非怪异（标准）模式
怪异模式
部分怪异（近乎标准）模式
在“标准模式”(standards mode) 页面按照 HTML 与 CSS 的定义渲染，而在“怪异模式(quirks mode) 模式”中则尝试模拟更旧的浏览器的行为。一些浏览器（例如，那些基于 Mozilla 的 Gecko 渲染引擎的，或者 Internet Explorer 8 在 strict mode 下）也使用一种尝试于这二者之间妥协的“近乎标准”(almost standards) 模式，实施了一种表单元格尺寸的怪异行为，除此以外符合标准定义。segmentfault

一个不含任何 DOCTYPE 的网页将会以怪异(quirks) 模式渲染。浏览器

HTML5提供的<DOCTYPE html>是标准模式，向后兼容的, 等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在全部的浏览器里显示的就都是一个样子了。ruby

知识点二：html5

文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。app
新的解析顺序：再也不基于SGML。async
新的元素：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。 inputide
元素的新类型：date, email, url等等。ui
新的属性：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。

前端知识点总结

知识点一：DOCTYPE和浏览器渲染模式

知识点二：html5

知识点三：经常使用meta整理

经常使用meta整理