瀏覽器內(nèi)核：

• IE: trident
• Fixfox: gecko
• Safari: webkit
• Opera: 以前是presto,現(xiàn)已改用Google Chrome的Blink
• Chrome: Blink(基于Webkit)

DOCTYPE:

　　<!DOCTYPE>文檔類型聲明，位于文檔中的最前面位置，處于<thml>標(biāo)簽之前。

　　作用：告訴瀏覽器按照何種規(guī)范解析頁(yè)面

瀏覽器模式：（標(biāo)準(zhǔn)模式 or 混雜模式）

　　標(biāo)準(zhǔn)模式：根據(jù)W3c規(guī)范呈現(xiàn)頁(yè)面

　　混雜模式：以一種比較寬松的向下兼容的方式呈現(xiàn)頁(yè)面

　　兩者區(qū)別：

盒模型的解析

　　　　　　　　標(biāo)準(zhǔn)模式下，盒模型的內(nèi)容寬度和高度不包括padding和border值，而混雜模式下包括padding和border值。

　　　　　　　　　可用box-sizing進(jìn)行計(jì)算。

　　　　　　2.給行內(nèi)元素設(shè)置寬高

　　　　　　　　標(biāo)準(zhǔn)模式下，給<span>等行內(nèi)元素設(shè)置width和height都不會(huì)生效，而在混雜模式中會(huì)生效。

　　　　　3.設(shè)置百分比高度

　　　　　　　　標(biāo)準(zhǔn)模式下，一個(gè)元素的高度由其內(nèi)容的大小來決定，如果沒有給父元素設(shè)置height值,子元素設(shè)置百分比的height是無(wú)效的，而在混雜模式下生效。

?

　　（ps:這些是我在編寫項(xiàng)目中遇到的一些區(qū)別，應(yīng)該還有很多）

漸進(jìn)增強(qiáng)、優(yōu)雅降級(jí)：

　　漸進(jìn)增強(qiáng)：一開始只構(gòu)建站點(diǎn)的最少特性，然后不斷針對(duì)瀏覽器追加功能。

　　優(yōu)雅降級(jí)：一開始就構(gòu)建站點(diǎn)的完整功能，然后針對(duì)瀏覽器測(cè)試和修復(fù)。

　　微妙差別：都關(guān)注于同一網(wǎng)站在不同瀏覽器下的表現(xiàn)程度。區(qū)別在于它們的關(guān)注點(diǎn)不同，以及這種關(guān)注如何影響工作的流程。

語(yǔ)義化：

　　使用含有語(yǔ)義的標(biāo)簽，起到強(qiáng)調(diào)作用，很明顯的告訴你它們的作用是什么。

　　好處：　

　　　　去掉樣式后頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu)

　　　　盲人使用讀屏器更好的閱讀

　　　　搜索引擎更好的理解頁(yè)面

　　　　便于團(tuán)隊(duì)項(xiàng)目的可持續(xù)運(yùn)作及維護(hù)

塊元素、行內(nèi)元素：

　　塊元素：div p h1~h6 ul li address form table section article aside nav header hgroup footer

　　行內(nèi)元素：span th tr td a label textarea input select img ?button time,其中，textarea input select img button?time又叫內(nèi)聯(lián)塊級(jí)元素。

　　區(qū)別：塊級(jí)元素會(huì)獨(dú)占一行，默認(rèn)情況下，其寬度會(huì)自動(dòng)填滿父元素的寬度，行內(nèi)元素不會(huì)獨(dú)占一行，相鄰的行內(nèi)元素會(huì)排列在同一行里，直到一行排不下，才會(huì)換行，其寬度隨內(nèi)容而變化,內(nèi)聯(lián)塊級(jí)元素可以使用css為其設(shè)置寬高，但不會(huì)獨(dú)占一行。

HTML5:

　　html5主要是關(guān)于圖像、位置、存諸等功能的增加。

　　語(yǔ)義化更好的內(nèi)容標(biāo)簽：header nav footer aside article section

　　音頻、視頻：audio video

　　畫布：canvas

　　拖放

　　本地存諸：localStorage(永久存諸，瀏覽器關(guān)閉后數(shù)據(jù)不丟失，需手動(dòng)刪除)

　　　　　　　sessionStorage(臨時(shí)存諸，瀏覽器關(guān)閉后自動(dòng)刪除)

　　離線應(yīng)用

　　新增表單類型：email url number range date search

　　移除元素：

　　　　純表現(xiàn)的元素：basefont big center font u...

　　　　不再使用frame框架

轉(zhuǎn)載于:https://www.cnblogs.com/pwei/p/html-carding.html

總結(jié)

以上是生活随笔為你收集整理的知识梳理——HTML篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。