一、分別是什么
HTML
- HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)
- HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)
- 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
- HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
XML
- XML 指可擴(kuò)展標(biāo)記語(yǔ)言（EXtensible Markup Language）
- XML 是一種標(biāo)記語(yǔ)言，很類似 HTML
- XML 的設(shè)計(jì)宗旨是傳輸數(shù)據(jù)，而非顯示數(shù)據(jù)
- XML 標(biāo)簽沒(méi)有被預(yù)定義。您需要自行定義標(biāo)簽。
- XML 被設(shè)計(jì)為具有自我描述性。
- XML 是 W3C 的推薦標(biāo)準(zhǔn)
XHTML
- XHTML 指可擴(kuò)展超文本標(biāo)簽語(yǔ)言（EXtensible HyperText Markup Language）。
- XHTML 的目標(biāo)是取代 HTML。
- XHTML 與 HTML 4.01 幾乎是相同的。
- XHTML 是更嚴(yán)格更純凈的 HTML 版本。
- XHTML 是作為一種 XML 應(yīng)用被重新定義的 HTML。
- XHTML 是一個(gè) W3C 標(biāo)準(zhǔn)。
二、區(qū)別
XML 被設(shè)計(jì)為傳輸和存儲(chǔ)數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的內(nèi)容。
HTML 被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的外觀。
HTML 旨在顯示信息，而 XML 旨在傳輸信息。
XHTML元素必須嵌套、元素必須關(guān)閉。標(biāo)簽必須小寫字母。文檔必須有根元素。（四必須）
三、如何理解HTML語(yǔ)義化
語(yǔ)義化的主要目的在于，直觀的認(rèn)識(shí)標(biāo)簽(markup)和屬性(attribute)的用途和作用。
可以概括為：**用正確的標(biāo)簽做正確的事情。 **
html語(yǔ)義化可以讓頁(yè)面的內(nèi)容結(jié)構(gòu)有條理，便于瀏覽器解析，便于搜索引擎解析，并提高代碼的可維護(hù)度和可重用性。
四、如何理解內(nèi)容與樣式分離的原則
- 寫HTML的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上，讓 HTML 能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
- 寫JS的時(shí)候，盡量不要用JS去直接操作樣式，而是通過(guò)給元素添加刪除class來(lái)控制樣式變化
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式
強(qiáng)烈建議去看：內(nèi)容與樣式分離的原則
五、常見的meta標(biāo)簽
通常所說(shuō)的META標(biāo)簽，是在HTML網(wǎng)頁(yè)源代碼中一個(gè)重要的html標(biāo)簽。META標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。常見的有
1.＜meta name="keywords" content="SEO博客，SEO"＞
＜meta name="description" content="SEOer的SEO博客，供大家討論SEO技術(shù)、SEO前景及SEO發(fā)展方向。"＞
幫助主頁(yè)被各大搜索引擎登錄
2.＜meta http-equiv=″content－Type″ content=″text/html; charset=gb2312″>
定義頁(yè)面的使用語(yǔ)言
3.meta http-equiv=″refresh″ content=″10; URL=http://www.baidu.com″〉
自動(dòng)刷新并指向新的頁(yè)面
4.＜meta http-equiv="Page-Enter" content="revealTrans(duration=6.0, transition=30)"＞
＜meta http-equiv="Page-Exit" content="revealTrans(duration=6.0, transition=30)"＞
實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)畫效果
5.<meta http-equiv=″PICS－Label″
content=′(PICS－1.1 ″http://www.rsac.org/ratingsv01.html″
l gen true comment ″RSACi North America Server″
for ″http://www.rsac.org″
on ″2001.08.16T08:15－0500″
r (n 0 s 0 v 0 l 0))′>
網(wǎng)頁(yè)定級(jí)評(píng)價(jià)
6.<meta http-equiv=″e(cuò)xpires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″>
控制頁(yè)面緩沖
7.＜metahttp-equiv="window-target" content="_top"＞
控制網(wǎng)頁(yè)顯示的窗口
六、文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?
DOCTYPE的定義
DOCTYPE（是Document Type文檔類型的簡(jiǎn)寫）是一組機(jī)器可讀的規(guī)則，它們指示(X)HTML文檔中允許有什么，不允許有什么，DOCTYPE正是用來(lái)告訴瀏覽器使用哪種DTD,一般放在(X)HTML文檔開頭聲明）用以告訴其他人這個(gè)文檔的類型風(fēng)格。
什么是嚴(yán)格模式
嚴(yán)格模式是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁(yè)面，是一種要求嚴(yán)格的DTD，不允許使用任何表現(xiàn)層的語(yǔ)法，如
。
什么是混雜模式？
混雜模式則是一種向后兼容的解析方法，說(shuō)的透明點(diǎn)就是可以實(shí)現(xiàn)IE5.5以下版本瀏覽器的渲染模式。
七、瀏覽器亂碼的原因是什么？如何解決
1.如果瀏覽器瀏覽時(shí)候出現(xiàn)網(wǎng)頁(yè)亂碼，在瀏覽器中找到轉(zhuǎn)換編碼的菜單。
在IE9需要轉(zhuǎn)碼的網(wǎng)頁(yè)空白出右鍵鼠標(biāo)，即可選擇“編碼”。
傲游瀏覽需要轉(zhuǎn)碼的網(wǎng)頁(yè)時(shí)，菜單“查看”-->“編碼”即可選擇轉(zhuǎn)換編碼
谷歌瀏覽需要轉(zhuǎn)碼的網(wǎng)頁(yè)時(shí)，點(diǎn)擊右上角“三橫”圖標(biāo)選擇“工具”-->“編碼”即可選擇切換網(wǎng)頁(yè)編碼達(dá)到讓瀏覽器瀏覽此網(wǎng)頁(yè)不是亂碼。
2.如果自己開發(fā)網(wǎng)頁(yè)，必須網(wǎng)頁(yè)加入meta charset編碼標(biāo)簽。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 或
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
八、常見的瀏覽器有哪些，什么內(nèi)核？
Trident內(nèi)核代表產(chǎn)品Internet Explorer(IE內(nèi)核)
Gecko內(nèi)核代表作品Mozilla。
WebKit內(nèi)核代表作品Safari、Chromewebkit
Presto內(nèi)核代表作品OperaPresto
九、列出常見的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
換行 多作留白。 但現(xiàn)在更適合用于css中的padding 、margin。更準(zhǔn)確、更容易控制。
- <div></div> 塊元素 ,用于做頁(yè)面框架的容器，比如添加額外的視覺(jué)效果等。
-
<a></a>超鏈接，用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面。注意：當(dāng)a標(biāo)簽沒(méi)有href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。
