知识梳理——HTML篇
瀏覽器內(nèi)核：
- IE: trident
- Fixfox: gecko
- Safari: webkit
- Opera: 以前是presto,現(xiàn)已改用Google Chrome的Blink
- Chrome: Blink(基于Webkit)
DOCTYPE:
<!DOCTYPE>文檔類型聲明，位于文檔中的最前面位置，處于<thml>標(biāo)簽之前。
作用：告訴瀏覽器按照何種規(guī)范解析頁面
瀏覽器模式：（標(biāo)準(zhǔn)模式 or 混雜模式）
標(biāo)準(zhǔn)模式：根據(jù)W3c規(guī)范呈現(xiàn)頁面
混雜模式：以一種比較寬松的向下兼容的方式呈現(xiàn)頁面
兩者區(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都不會生效，而在混雜模式中會生效。
3.設(shè)置百分比高度
標(biāo)準(zhǔn)模式下，一個(gè)元素的高度由其內(nèi)容的大小來決定，如果沒有給父元素設(shè)置height值,子元素設(shè)置百分比的height是無效的，而在混雜模式下生效。
?
（ps:這些是我在編寫項(xiàng)目中遇到的一些區(qū)別，應(yīng)該還有很多）
漸進(jìn)增強(qiáng)、優(yōu)雅降級：
漸進(jìn)增強(qiáng)：一開始只構(gòu)建站點(diǎn)的最少特性，然后不斷針對瀏覽器追加功能。
優(yōu)雅降級：一開始就構(gòu)建站點(diǎn)的完整功能，然后針對瀏覽器測試和修復(fù)。
微妙差別：都關(guān)注于同一網(wǎng)站在不同瀏覽器下的表現(xiàn)程度。區(qū)別在于它們的關(guān)注點(diǎn)不同，以及這種關(guān)注如何影響工作的流程。
語義化：
使用含有語義的標(biāo)簽，起到強(qiáng)調(diào)作用，很明顯的告訴你它們的作用是什么。
好處：
去掉樣式后頁面呈現(xiàn)清晰的結(jié)構(gòu)
盲人使用讀屏器更好的閱讀
搜索引擎更好的理解頁面
便于團(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)塊級元素。
區(qū)別：塊級元素會獨(dú)占一行，默認(rèn)情況下，其寬度會自動填滿父元素的寬度，行內(nèi)元素不會獨(dú)占一行，相鄰的行內(nèi)元素會排列在同一行里，直到一行排不下，才會換行，其寬度隨內(nèi)容而變化,內(nèi)聯(lián)塊級元素可以使用css為其設(shè)置寬高，但不會獨(dú)占一行。
HTML5:
html5主要是關(guān)于圖像、位置、存諸等功能的增加。
語義化更好的內(nèi)容標(biāo)簽：header nav footer aside article section
音頻、視頻：audio video
畫布：canvas
拖放
本地存諸：localStorage(永久存諸，瀏覽器關(guān)閉后數(shù)據(jù)不丟失，需手動刪除)
sessionStorage(臨時(shí)存諸，瀏覽器關(guān)閉后自動刪除)
離線應(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篇的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JQuery面试题1
- 下一篇： 关于多线程小结