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