<h5>HTML、XML、XHTML 有什么區(qū)別</h5>
HTML，超文本標(biāo)記語(yǔ)言，它是語(yǔ)法較為松散的不嚴(yán)格的Web語(yǔ)言。從它出現(xiàn)后網(wǎng)頁(yè)開(kāi)發(fā)人員為其添加了各種特性。雖然這些新特性開(kāi)始很不錯(cuò)，但他們破壞了HTML的簡(jiǎn)單性，且在瀏覽器如何顯示網(wǎng)頁(yè)這一問(wèn)題帶來(lái)了不一致。 HTML的混亂導(dǎo)致了網(wǎng)頁(yè)瀏覽器必須猜測(cè)如何顯示網(wǎng)頁(yè)。理想情況下，應(yīng)能夠確切的定義網(wǎng)頁(yè)如何顯示，并使網(wǎng)頁(yè)的顯示不管在哪種 瀏覽器或操作系統(tǒng)上都一樣，XML在這一目標(biāo)的實(shí)現(xiàn)發(fā)揮著重要作用。
XML，可擴(kuò)展標(biāo)記語(yǔ)言，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)。XML 中所有的東西都要被正確的標(biāo)記，以產(chǎn)生形式良好的文檔。XML提供了基礎(chǔ)規(guī)則，以統(tǒng)一的方式來(lái)組織信息。XML并不是HTML的代替品，HTML是相對(duì)不那么結(jié)構(gòu)話的語(yǔ)言，它可以從XML的規(guī)則得到改進(jìn)。XML 用來(lái)描述數(shù)據(jù)，而 HTML 則用來(lái)顯示數(shù)據(jù)。
XHTML，可擴(kuò)展超文本標(biāo)記語(yǔ)言。通過(guò)把 HTML 和 XML 各自的長(zhǎng)處加以結(jié)合，我們得到了在現(xiàn)在和未來(lái)都能派上用場(chǎng)的標(biāo)記語(yǔ)言 XHTML。它基于XML，作用與HTML類似，但語(yǔ)法更嚴(yán)格。XHTML 包含了所有與 XML 語(yǔ)法結(jié)合的 HTML 4.01 元素。XHTML 可以被所有的支持 XML 的設(shè)備讀取，同時(shí)在其余的瀏覽器升級(jí)至支持 XML 之前，XHTML 使我們有能力編寫(xiě)出擁有良好結(jié)構(gòu)的文檔，這些文檔可以很好地工作于所有的瀏覽器，并且可以向后兼容。
<h5>怎樣理解 HTML 語(yǔ)義化</h5>
語(yǔ)義化HTML是一種編寫(xiě)HTML的方式。語(yǔ)義化指的是機(jī)器在需要更少的人類干預(yù)的情況下能夠研究和收集信息，讓網(wǎng)頁(yè)能夠被機(jī)器理解，最終讓人類受益。語(yǔ)義化的主要目的就是讓大家直觀的認(rèn)識(shí)標(biāo)簽(markup)和屬性(attribute)的用途和作用。根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽（代碼語(yǔ)義化）便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼。語(yǔ)義化有利于SEO，有助于爬蟲(chóng)抓取更多的有效信息，爬蟲(chóng)是依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重。語(yǔ)義化的HTML在沒(méi)有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)，方便其他設(shè)備的解析，便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)。
<h5>怎樣理解內(nèi)容與樣式分離的原則</h5>
寫(xiě) HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上，讓 HTML 能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容。之后再去寫(xiě)樣式。寫(xiě) JS 的時(shí)候，盡量不要用 JS 去直接操作樣式，而是通過(guò)給元素添加刪除class來(lái)控制樣式變化。HTML負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容（結(jié)構(gòu)）部分，樣式則負(fù)責(zé)了頁(yè)面的展示效果。內(nèi)容與樣式分離使得內(nèi)容和樣式各自只負(fù)責(zé)自己的部分，消除兩者的耦合。更重要的是分離增強(qiáng)了機(jī)器的可讀性，使得機(jī)器、網(wǎng)絡(luò)爬蟲(chóng)能更好地理解頁(yè)面內(nèi)容。
<h5>有哪些常見(jiàn)的meta標(biāo)簽</h5>
meta標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性。 meta標(biāo)簽由http-equiv屬性和name屬性等屬性組成，屬性不同參數(shù)不同，體現(xiàn)網(wǎng)頁(yè)功能自然也不同。
一.name屬性
name屬性主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。meta標(biāo)簽的name屬性語(yǔ)法格式是：＜meta name="參數(shù)" content="具體的參數(shù)值"＞ 。
其中name屬性主要有以下幾種參數(shù)：
1.viewport設(shè)置視口屬性，主要是為移動(dòng)端設(shè)備設(shè)置顯示方式。
2.Keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
3.description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
4.robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。
5.author標(biāo)注網(wǎng)頁(yè)的作者。
6.copyright標(biāo)注網(wǎng)站版權(quán)信息。
7.renderer瀏覽器的內(nèi)核控制。
二.http-equiv屬性（一些保護(hù)網(wǎng)站措施）
http-equiv相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。語(yǔ)法格式是：＜meta http-equiv="參數(shù)" content="參數(shù)變量值"＞ 。
其中http-equiv屬性主要有以下幾種參數(shù)：
1.Expires可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。
2.Pragma禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容。
3.Refresh自動(dòng)刷新并指向新頁(yè)面。
4.Set-Cookie如果網(wǎng)頁(yè)過(guò)期，那么存盤(pán)的cookie將被刪除。
5.Window-target顯示窗口的設(shè)定
6.content-Type設(shè)定頁(yè)面使用的字符集。
7.http-equiv = "X-UA-Compatible" content="IE=edge,chrome=1"用戶的IE瀏覽器外觀不變，但用戶在瀏覽網(wǎng)頁(yè)時(shí)實(shí)際上使用的是Chrome的內(nèi)核。
此外，還有charset（UTF-8、ISO-8859-1等），聲明頁(yè)面所用的字符編碼。content定義與 http-equiv 或 name 屬性相關(guān)的元信息。scheme定義用于翻譯 content 屬性值的格式。
<h5>文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?</h5>
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽用來(lái)聲明文檔對(duì)象模型，可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
嚴(yán)格模式是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼，使用<!doctype>標(biāo)簽來(lái)顯式聲明該用哪種方式來(lái)渲染頁(yè)面。
混雜模式：不加<!doctype>標(biāo)簽，允許瀏覽器使用自己的方式來(lái)渲染頁(yè)面。
瀏覽器解析時(shí)到底使用嚴(yán)格模式還是混雜模式，與網(wǎng)頁(yè)中的 DTD 直接相關(guān)。
HTML5中沒(méi)有了DTD，所以兩者也沒(méi)了區(qū)別，文檔聲明也簡(jiǎn)化成了<!doctype html>,聲明使用HTML5來(lái)解析渲染頁(yè)面。
<h5>瀏覽器亂碼的原因是什么？如何解決</h5>
亂碼產(chǎn)生的根本原因是保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的。亂碼一般是英文以外的字符才會(huì)出現(xiàn)。
要解決這個(gè)問(wèn)題，那么在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的。如果你的文件是保存為utf-8格式，那么一定要在html 的 <head>里添加<meta charset="utf-8">，這句話的意思是告訴瀏覽器在打開(kāi)這個(gè)頁(yè)面的時(shí)候不要去猜了，直接用utf-8去解碼。 同理，如果你的文件保存為gbk格式，一定在文件里添加<meta charset="gbk">。
<h5>常見(jiàn)的瀏覽器有哪些，什么內(nèi)核</h5>
常見(jiàn)瀏覽器：IE，Mozilla Firefox，Google Chrome，opera，safari，還有360, 傲游, 搜狗，QQ,世界之窗，獵豹等等。
1.Trident內(nèi)核又稱其為IE內(nèi)核。是微軟開(kāi)發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括：IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
2.Gecko內(nèi)核。Gecko是最流行的排版引擎之一，僅次于Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。
3.WebKit內(nèi)核。主要用于Mac OS系統(tǒng)，源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高，導(dǎo)致一些編寫(xiě)不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示。主要代表有Safari和Google的瀏覽器Chrome。
4.Presto內(nèi)核。是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎，供Opera 7.0及以上使用。
還有些使用多種內(nèi)核的。
<h5>列出常見(jiàn)的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景</h5>
html將所有HTML內(nèi)容都包含在這個(gè)標(biāo)簽內(nèi);
head定義文檔的頭部，它是所有頭部元素的容器；
meta描述一個(gè)網(wǎng)頁(yè)文檔的屬性。
title網(wǎng)頁(yè)的標(biāo)題信息，它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中；
body定義文檔的主體；
h1至h6：標(biāo)題標(biāo)簽，應(yīng)用于頁(yè)面標(biāo)題或區(qū)塊標(biāo)題標(biāo)簽，字體大小逐級(jí)減小，重要程度也逐級(jí)減??；
p段落標(biāo)簽，用于文字中的段落；
a鏈接標(biāo)簽，有href, target, title等屬性。超鏈接挑戰(zhàn)、設(shè)置頁(yè)面錨點(diǎn)、發(fā)送電子郵件等；
img圖片標(biāo)簽，用于設(shè)置圖片；
div塊標(biāo)簽，用于劃分頁(yè)面結(jié)構(gòu)區(qū)塊；
ul, li無(wú)序列表標(biāo)簽，用于表示并列的內(nèi)容；
ol, li有序列表標(biāo)簽，用于表示帶步驟或編號(hào)的并列內(nèi)容；
dl, dt, dd自定義列表標(biāo)簽，用于展示一系列的“標(biāo)題，內(nèi)容”等；
button按鈕標(biāo)簽，用于表示一個(gè)按鈕；
table, tr, td表格標(biāo)簽，用表格來(lái)展示數(shù)據(jù)時(shí)使用, tr代表行，td代表單元格；
strong更強(qiáng)烈的強(qiáng)調(diào)；
em強(qiáng)調(diào)；
span作用是設(shè)置單獨(dú)的樣式；
br換行；
注釋標(biāo)簽，用于在頁(yè)面上添加注釋；
