前端知識點總結

時間 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。

知識點三：經常使用meta整理

經常使用meta整理

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。