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