現(xiàn)在沉不住氣，太浮躁，太著急，基礎(chǔ)都沒(méi)打好，就學(xué)js，當(dāng)我看到數(shù)值運(yùn)算我就懵逼了。。。所以還是先打好HTML+css再看視頻學(xué)js。
1.HTML、XML、XHTML 的區(qū)別
HTML和XML：他們兩個(gè)都是標(biāo)記語(yǔ)言（ML），一個(gè)是超文本置標(biāo)語(yǔ)言，一個(gè)是可擴(kuò)展置標(biāo)語(yǔ)言。他們的不同之處：
1可擴(kuò)展性：HTML不具備擴(kuò)展性，而XML是原標(biāo)記語(yǔ)言，可以用于定義新的標(biāo)記語(yǔ)言。
2側(cè)重點(diǎn)： HTML側(cè)重于如何表現(xiàn)信息，而XML是側(cè)重于如何結(jié)構(gòu)化的描述信息。
3語(yǔ)法要求： HTML不要求標(biāo)記的嵌套，配對(duì)等，不要求標(biāo)記間具有一定的順序，而XML則是嚴(yán)格要求嵌套，配對(duì)，遵循DTD的樹(shù)形結(jié)構(gòu)。
4可讀性和維護(hù)性：HTML難于閱讀維護(hù)，而XML結(jié)構(gòu)清晰，便于閱讀維護(hù)
5數(shù)據(jù)和顯示關(guān)系：HTML的內(nèi)容描述和顯示整合唯一，而XML則是相分離的
最后一點(diǎn)就是他們的編輯瀏覽工具了，HTML有一堆的編輯瀏覽工具，而XML尚不成熟。
至于XHTML，是介于HTML和XML之間的標(biāo)準(zhǔn)，它是讓HTML符合XML語(yǔ)法規(guī)范的一種規(guī)定。不過(guò)現(xiàn)在的瀏覽器對(duì)XHTML的支持并不是很好。
2.HTML 語(yǔ)義化
語(yǔ)義化的HTML就是寫(xiě)出的HTML代碼，符合內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽（代碼語(yǔ)義化），能夠便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
1.語(yǔ)義化有利于SEO，有利于搜索引擎爬蟲(chóng)更好的理解我們的網(wǎng)頁(yè)，從而獲取更多的有效信息，提升網(wǎng)頁(yè)的權(quán)重。
2.在沒(méi)有CSS的時(shí)候能夠清晰的看出網(wǎng)頁(yè)的結(jié)構(gòu)，增強(qiáng)可讀性。
3.便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化的HTML可以讓開(kāi)發(fā)者更容易的看明白，從而提高團(tuán)隊(duì)的效率和協(xié)調(diào)能力。
4.支持多終端設(shè)備的瀏覽器渲染。
3.內(nèi)容與樣式分離的原則
（1）首先css、js樣式少的話，可以不用分離，直接寫(xiě)在html里，就是寫(xiě)簡(jiǎn)單的代碼，demo，可以不分離，也便于查找；
（2）如果樣式多的話，需要分離，這樣就不會(huì)再HTML出現(xiàn)大量的代碼，不利于美觀和查找，并且外置樣式還可以重復(fù)利用，不同的地方如果需要用到同一個(gè)樣式的話，就可以link標(biāo)簽直接套，方便省事，不容易出錯(cuò)。
4.有哪些常見(jiàn)的meta標(biāo)簽
（1）<meta http-equiv=“? ”，content=“IE=edge，chrome=1”>? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? http-equiv 屬性為名稱(chēng)/值對(duì)提供了名稱(chēng)。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱(chēng)/值對(duì)。當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí)，會(huì)先發(fā)送許多名稱(chēng)/值對(duì)。雖然有些服務(wù)器會(huì)發(fā)送許多這種名稱(chēng)/值對(duì)，但是所有服務(wù)器都至少要發(fā)送一個(gè)：content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔。后面表示的是以最新的內(nèi)核去渲染頁(yè)面
（2）<meta name=“keyword” content=".......">搜索引擎定義關(guān)鍵詞 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <meta name="desciption" content=".......">網(wǎng)頁(yè)定義描述內(nèi)容 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么? 的作用?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文檔聲明作用就是讓瀏覽器按照HTML最新的標(biāo)準(zhǔn)去解析頁(yè)面，而不是用瀏覽器自己的方式去解析。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 嚴(yán)格模式就是 HTML前面加一句<!DOCTYPE html> ,讓瀏覽器按照HTML最新的標(biāo)準(zhǔn)去解析頁(yè)面;? ? ? ? 混雜模式就是不加上面那句，用瀏覽器自己的方式標(biāo)準(zhǔn)去解析頁(yè)面。
6.瀏覽器亂碼的原因以及解決方法 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?（1）是因?yàn)閔tml中charset解碼方式與瀏覽器中的解碼方式不同，所以需要我們?cè)趯?xiě)HTML的時(shí)候?qū)懞媒獯a方式，是用utf-8呢還是其他，看那些是瀏覽器可以解碼的，另外就是當(dāng)你出現(xiàn)中文啊或者其他字符的時(shí)候，有些解碼方式是識(shí)別不出來(lái)的，所以才會(huì)出現(xiàn)亂碼。
7.常見(jiàn)的瀏覽器有哪些，什么內(nèi)核? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 覽器用的內(nèi)核，一般不外乎微軟的IE 內(nèi)核和webkit內(nèi)核。所謂內(nèi)核，就是常駐內(nèi)存、能夠快速響應(yīng)的那一部分核心代碼，非內(nèi)核代碼都是要用到時(shí)再調(diào)入內(nèi)存并執(zhí)行的。webkit內(nèi)核更小巧快速，但兼容性不如IE內(nèi)核。所以有些瀏覽器是用的雙內(nèi)核，可以在高速模式和兼容模式間切換。
一、Trident內(nèi)核代表產(chǎn)品Internet Explorer，又稱(chēng)其為IE內(nèi)核。
Trident（又稱(chēng)為MSHTML），是微軟開(kāi)發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括：IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko內(nèi)核代表作品Mozilla
FirefoxGecko是一套開(kāi)放源代碼的、以C++編寫(xiě)的網(wǎng)頁(yè)排版引擎。Gecko是最流行的排版引擎之一，僅次于Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。
三、WebKit內(nèi)核代表作品Safari、Chromewebkit
是一個(gè)開(kāi)源項(xiàng)目，包含了來(lái)自KDE項(xiàng)目和蘋(píng)果公司的一些組件，主要用于Mac OS系統(tǒng)，它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高，導(dǎo)致一些編寫(xiě)不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示。主要代表作品有Safari和Google的瀏覽器Chrome。
四、Presto內(nèi)核代表作品OperaPresto
是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎，供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎，包括加入動(dòng)態(tài)功能，例如網(wǎng)頁(yè)或其部分可隨著DOM及Script語(yǔ)法的事件而重新排版。
8.utf-8與gbk的區(qū)別。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? GBK編碼：是指中國(guó)的中文字符，其它它包含了簡(jiǎn)體中文與繁體中文字符，另外還有一種字符“gb2312”，這種字符僅能存儲(chǔ)簡(jiǎn)體中文字符。? ? ? ? ? ? ? ? ?
UTF-8編碼：它是一種全國(guó)家通過(guò)的一種編碼，如果你的網(wǎng)站涉及到多個(gè)國(guó)家的語(yǔ)言，那么建議你選擇UTF-8編碼。
GBK和UTF8有什么區(qū)別？
UTF8編碼格式很強(qiáng)大，支持所有國(guó)家的語(yǔ)言，正是因?yàn)樗膹?qiáng)大，才會(huì)導(dǎo)致它占用的空間大小要比GBK大，對(duì)于網(wǎng)站打開(kāi)速度而言，也是有一定影響的。
GBK編碼格式，它的功能少，僅限于中文字符，當(dāng)然它所占用的空間大小會(huì)隨著它的功能而減少，打開(kāi)網(wǎng)頁(yè)的速度比較快。
9.px、em、rem ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? px：像素，自身多大就多大，不受影響； ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? em：相對(duì)于父元素，父元素是多大，Xem就是父元素大小的X倍； ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?rem：相對(duì)于根元素，就是<html>節(jié)點(diǎn)，若HTML節(jié)點(diǎn)有設(shè)置大小就是和它相同大小。 ? ? ? ? ? ? ? ? ? ?
10.列出常見(jiàn)的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ?（1） ?h1~h6? ：標(biāo)題 ??
? h1代表頁(yè)面最大的標(biāo)題? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
h2二級(jí)標(biāo)題
h3... 更弱的標(biāo)題
（2）p 段落，表示大段文字? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）a? 鏈接，鏈到一個(gè)地址?
（2）p 段落，表示大段文字? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）a? 鏈接，鏈到一個(gè)地址? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 參考一下地址：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element
