- ** HTML综慎、XML窗宦、XHTML 有什么區(qū)別湖雹？**
1咏闪、HTML：HyperText Markup Language / 超文本標(biāo)記語(yǔ)言：被設(shè)計(jì)用來(lái)** 顯示數(shù)據(jù) ，不是一種編程語(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è)征讲。
2据某、XML: Extensible Markup Language / 可擴(kuò)展標(biāo)記語(yǔ)言：不會(huì)做任何事情，只用來(lái) 傳輸和存儲(chǔ)數(shù)據(jù) 诗箍，XML 標(biāo)簽沒(méi)有被預(yù)定義癣籽，你需要自行定義標(biāo)簽。XML被設(shè)計(jì)為具有自我描述性滤祖，是W3C推薦的標(biāo)注筷狼。
3、XHTML: Extensible Hypertext Markup Language / 可擴(kuò)展超文本標(biāo)記語(yǔ)言：是以XML應(yīng)用的方式定義的HTML匠童，比起html是更嚴(yán)格純凈的html版本埂材，得到所有主流瀏覽器的支持，是一種 必須正確標(biāo)記且格式良好 **的標(biāo)記語(yǔ)言汤求。
- ** 怎樣理解 HTML 語(yǔ)義化俏险。 **
1严拒、用正確的標(biāo)簽做正確的事情，讓頁(yè)面的內(nèi)容結(jié)構(gòu)化竖独，便于瀏覽器糙俗、搜索引擎解析
2、在沒(méi)有CCS樣式情況下也以一種文檔格式顯示且易讀的预鬓。
3巧骚、搜索引擎的爬蟲依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO格二。
4劈彪、便于開(kāi)發(fā)和維護(hù)。
5顶猜、使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊沧奴，便于閱讀維護(hù)理解。
- ** 怎樣理解內(nèi)容與樣式分離的原則 长窄？**
一個(gè)網(wǎng)頁(yè)分為html——結(jié)構(gòu)滔吠、css——表現(xiàn)、js——行為這三個(gè)部分挠日，內(nèi)容指html疮绷，樣式指css，內(nèi)容與樣式分離指的是網(wǎng)頁(yè)編碼過(guò)程中html和css分開(kāi)嚣潜。
內(nèi)容與樣式分離的原則的實(shí)現(xiàn)依靠意識(shí)和經(jīng)驗(yàn)冬骚。
1、初級(jí)開(kāi)發(fā)人員思路及方法：div 層層嵌套懂算；
2只冻、中級(jí)開(kāi)發(fā)人員思路及方法：去掉多余的 div ,進(jìn)行簡(jiǎn)化；
3计技、高級(jí)開(kāi)發(fā)人員思路及方法：最大化的簡(jiǎn)化 html 的結(jié)構(gòu)喜德，然后用 css 進(jìn)行設(shè)置，減少 html 與 css 的契合度垮媒。
正確做法：寫HTML的時(shí)候先不管樣式舍悯，重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上，讓HTML能提現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容涣澡，然后進(jìn)行 css 樣式設(shè)置贱呐，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離）丧诺，寫JS的時(shí)候入桂，盡量不要用JS去直接操作樣式，而是通過(guò)給元素添加刪除class來(lái)控制樣式變化（即行為分離）驳阎。
- ** 有哪些常見(jiàn)的meta標(biāo)簽抗愁？ **
meta元素的屬性有：
1馁蒂、content：對(duì)應(yīng)值為some_text，定義與 http-equiv 或 name 屬性相關(guān)的元信息蜘腌，content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用沫屡。
2、http-equiv：對(duì)應(yīng)值為content-type撮珠、expires沮脖、refresh、set-cookie芯急，用于把content屬性關(guān)聯(lián)到 HTTP 頭部勺届。
3、name：對(duì)應(yīng)屬性值為author娶耍、description免姿、keywords、generator榕酒、revised胚膊、others，用于把 content 屬性關(guān)聯(lián)到一個(gè)名稱想鹰，如果沒(méi)有提供 name 屬性紊婉，那么名稱/值對(duì)中的名稱會(huì)采用 http-equiv 屬性的值。
4辑舷、scheme：對(duì)應(yīng)屬性值為some_text肩榕，用于定義翻譯 content 屬性值的格式。
- ** 文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用? **
<!DOCTYPE>聲明必須是 HTML 文檔的第一行惩妇，位于<html>標(biāo)簽之前株汉。
（一）文檔聲明的作用：
1、<!DOCTYPE>聲明不是 HTML 標(biāo)簽歌殃，它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫的指令乔妈。
2、影響JS的功能氓皱。
（二）嚴(yán)格模式和混雜模式：
1路召、嚴(yán)格模式（標(biāo)準(zhǔn)模式）：瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁(yè)面
2、混雜模式（怪異／兼容模式）：頁(yè)面以一種比較寬松的向后兼容的方式顯示波材」傻混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無(wú)法工作，可以理解為“沒(méi)有DOCTYPE”意味著觸發(fā)怪異模式廷区，但包含了DOCTYPE卻不一定是標(biāo)準(zhǔn)模式唯灵。
（三）<!doctype html>的作用：按照標(biāo)準(zhǔn)模式（即W3C的標(biāo)準(zhǔn)）解析和渲染頁(yè)面。
- ** 瀏覽器亂碼的原因是什么隙轻？如何解決 埠帕。**
原因：
1垢揩、瀏覽器對(duì)HTML網(wǎng)頁(yè)的編碼解釋錯(cuò)誤，HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成（一般多為中文)敛瓷。
2叁巨、meta標(biāo)簽里沒(méi)有設(shè)置編碼字符集或meta字符集設(shè)置錯(cuò)誤。
解決方法：
head元素內(nèi)嵌套<meta charset="UTF-8">呐籽。
- ** 常見(jiàn)的瀏覽器有哪些锋勺，什么內(nèi)核 ？**
（一）常見(jiàn)瀏覽器：
Chrome狡蝶，Safari宙刘，Opera，IE牢酵，F(xiàn)irefox悬包。
（二）主要瀏覽器內(nèi)核：
Chrome、Opera：blink馍乙；
Safari：webkit布近；
IE：trident，edgehtml丝格；
Firefox：servo撑瞧、gecko。
- ** 列出常見(jiàn)的標(biāo)簽显蝌，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景 预伺。**
<!DOCTYPE>：定義文檔類型。
<html>：定義HTML文檔曼尊。
<head>：定義文檔的頭部酬诀，它是所有頭部元素的容器。
<title>：定義文檔標(biāo)題骆撇。
<body>：定義文檔主體瞒御。
<div>：定義文檔的分區(qū)或節(jié)。
<h1>-<h6>：定義一到六級(jí)標(biāo)題神郊。
<p>：定義段落肴裙。
<br>：定義折行。
``：定義注釋涌乳。
<ul>：定義無(wú)序列表蜻懦。
<ol>：定義有序列表。
<li>：定義列表項(xiàng)夕晓。
<table>：定義表格宛乃。
<form>：定義表單
