前端知識點總結(jié)

TNFE 發(fā)布于2019-08-01 17:33 / 420人閱讀

摘要：知識點一和瀏覽器渲染模式文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應(yīng)該使用什么樣的文檔類型定義來解析文檔。知識點二文件類型聲明僅有一型。知識點三常用整理常用整理

知識點一：DOCTYPE和瀏覽器渲染模式

文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應(yīng)該使用什么樣的文檔類型定義（DTD）來解析文檔。Doctype還會對瀏覽器的渲染模式產(chǎn)生影響，不同的渲染模式會影響到瀏覽器對于 CSS 代碼甚至 JavaScript 腳本的解析，所以Doctype是非常關(guān)鍵的，尤其是在 IE 系列瀏覽器中，由DOCTYPE 所決定的 HTML 頁面的渲染模式至關(guān)重要。

瀏覽器解析HTML方式：

有三種解析方式:

非怪異（標準）模式
怪異模式
部分怪異（近乎標準）模式
在“標準模式”(standards mode) 頁面按照 HTML 與 CSS 的定義渲染，而在“怪異模式(quirks mode) 模式”中則嘗試模擬更舊的瀏覽器的行為。一些瀏覽器（例如，那些基于 Mozilla 的 Gecko 渲染引擎的，或者 Internet Explorer 8 在 strict mode 下）也使用一種嘗試于這兩者之間妥協(xié)的“近乎標準”(almost standards) 模式，實施了一種表單元格尺寸的怪異行為，除此之外符合標準定義。

一個不含任何 DOCTYPE 的網(wǎng)頁將會以怪異(quirks) 模式渲染。

HTML5提供的是標準模式，向后兼容的, 等同于開啟了標準模式，那么瀏覽器就得老老實實的按照W3C的標準解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

知識點二：html5

文件類型聲明（）僅有一型：。

新的解析順序：不再基于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）。

全域?qū)傩裕篿d, tabindex, repeat。

新的全域?qū)傩裕篶ontenteditable, contextmenu, draggable, dropzone, hidden,
spellcheck。

移除元素：acronym, applet, basefont, big, center, dir, font,
frame, frameset, isindex, noframes, strike, tt。

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

GPU云服務(wù)器云服務(wù)器 linux數(shù)據(jù)結(jié)構(gòu)知識點總結(jié) 位段知識總結(jié) 前端知識前端知識阿里云

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/51213.html

相關(guān)文章

前端開發(fā)-從入門到Offer - 收藏集 - 掘金

摘要：一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。工欲善其事必先利其器-前端實習(xí)簡歷篇 - 掘金有幸認識很多在大廠工作的學(xué)長，在春招正式開始前為我提供很多內(nèi)部推薦的機會，非常感謝他們對我的幫助。現(xiàn)在就要去北京了，對第一份正式的實習(xí)工作也充滿期待，也希望把自己遇到的一些問題和...

sf_wangchong 2019-08-20 16:10 評論0 收藏0
前端最強面經(jīng)匯總

摘要：獲取的對象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據(jù)我測試不同環(huán)境結(jié)果可能有差異而就是。花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續(xù)更新中……，可以關(guān)注下github 項目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
參加第二屆前端開發(fā)者年度大會總結(jié)

摘要：代表公司去參加今年的第二屆前端開發(fā)者年度大會，散會的時候，技術(shù)老大問我，今天感覺怎么樣，有什么收獲，當時就零零碎碎的回答了一些，不算完美趁著還記得點什么，在這里做個自我回顧總結(jié)，謹代表個人見解，有不當之處，或若涉及圖片隱私或者其它問題，煩請代表公司去參加今年的第二屆前端開發(fā)者年度大會，散會的時候，Team 技術(shù)老大問我，今天感覺怎么樣，有什么收獲，當時就零零碎碎的回答了一些，不算完...

solocoder 2019-08-19 17:55 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移...

王晗 2019-08-29 12:30 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移...

xiaochao 2019-08-22 11:03 評論0 收藏0
2017 前端面試準備 - 收藏集 - 掘金

摘要：最近遇到的前端面試題更新版前端掘金個人博客已上線，歡迎前去訪問評論無媛無故的個人博客以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補充。一道面試題引發(fā)的對 javascript 類型轉(zhuǎn)換的思考 - 前端 - 掘金最近群里有人發(fā)了下面這題：實現(xiàn)一個函數(shù)，運算結(jié)果可以滿足如下預(yù)期結(jié)果： ... 收集 JavaScript 各種疑難雜癥的問題集錦 - 前端 - 掘金從原博客遷移過來...

KitorinZero 2019-08-20 16:40 評論0 收藏0