HTML夯辖、XML、XHTML有什么區(qū)別
HTML：超文本標(biāo)記語言董饰，是一種語法較為寬松蒿褂，不嚴(yán)格的Web語言。
XML：可擴(kuò)展標(biāo)記語言卒暂，用于存儲數(shù)據(jù)和結(jié)構(gòu)的啄栓，傳輸數(shù)據(jù)
XHTML：可擴(kuò)展超文本標(biāo)記語言，基于XML也祠，作用和HTML相似昙楚，語法更嚴(yán)格的一種語言。
怎么理解HTML語義化
HTML語義化是編寫HTML的一種方式诈嘿，選擇合適的標(biāo)簽堪旧，并使用合理的代碼結(jié)構(gòu)，方便開發(fā)者閱讀奖亚，同時(shí)也方便瀏覽器和機(jī)器解析淳梦。
- 在沒有CSS的情況下，網(wǎng)頁的代碼結(jié)構(gòu)依舊能夠比較清晰昔字；
- 某些屬性的定義可以更好的解釋網(wǎng)頁爆袍，使用戶更體驗(yàn)更好；
- 使搜索引擎或網(wǎng)絡(luò)爬蟲能根據(jù)網(wǎng)頁的框架或關(guān)鍵字更好的檢索。
怎樣理解內(nèi)容與樣式分離的原則
- 編寫一個(gè)網(wǎng)頁由HTML陨囊、CSS弦疮、JS構(gòu)成。HTML負(fù)責(zé)的是網(wǎng)頁的結(jié)構(gòu)和內(nèi)容蜘醋，CSS負(fù)責(zé)的是網(wǎng)頁的樣式挂捅，JS負(fù)責(zé)的是網(wǎng)頁的行為。
- 樣式和內(nèi)容分離對增加可讀性也是必要的堂湖，使得機(jī)器或網(wǎng)絡(luò)爬蟲可以更好的探測讀取網(wǎng)頁的內(nèi)容闲先。
- 可以使網(wǎng)頁的內(nèi)容更好的展示在搜索引擎面前
- 當(dāng)需要對網(wǎng)頁的樣式或內(nèi)容進(jìn)行修改時(shí)，不需要考慮另外一部分无蜂，便于網(wǎng)站的優(yōu)化和后期的開發(fā)維護(hù)
有哪些常見的meta標(biāo)簽
meta可提供有關(guān)頁面的元信息伺糠，定義了與文檔相關(guān)聯(lián)的名稱或值對。在head標(biāo)簽內(nèi)斥季，一般在title標(biāo)簽之下训桶，它可以分為兩個(gè)部分：HTTP-EQUIV和name變量
<meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80"> content-type 用來說明所使用的文字以及語言
<meta http-equiv="Refresh" content="n;url=https://www.baidu.com"> refresh 定義了網(wǎng)頁在時(shí)間n內(nèi)，跳轉(zhuǎn)到URL所指向的網(wǎng)頁
<meta charset = "utf-8"> 定義瀏覽器按照哪種文本編碼解析
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 提供一些瀏覽器的說明信息
<meta name="keywords" content="初見HTML">
<meta name="description" content="初見HTML"> 提供網(wǎng)頁的描述酣倾，方便搜索引擎的搜索
文檔聲明的作用舵揭？嚴(yán)格模式和混雜模式指什么？<!doctype html> 的作用
<!doctype html>會影響代碼驗(yàn)證躁锡，并決定了瀏覽器最終如何顯示你的Web文檔午绳。
嚴(yán)格模式指 加上<!doctype> 并按照瀏覽器所支持的最高版本來實(shí)現(xiàn)效果
混雜模式指按照自己的方式渲染，盡可能的向后兼容映之。
瀏覽器亂碼的原因是什么拦焚，如何解決
瀏覽器亂碼的根本原因是編寫代碼時(shí)保存的編碼格式和瀏覽器解析代碼時(shí)的解碼格式不一致，導(dǎo)致亂碼 杠输，一般可能發(fā)生在除去英文的其他字體上赎败。
解決的方法是把確定自己保存代碼時(shí)的編碼，在<meta charset="utf-8">此處定義的格式和保存代碼時(shí)的格式一致蠢甲。
常見的瀏覽器有哪些僵刮，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE及國內(nèi)大部分瀏覽器 | IE內(nèi)核 |
| Chrome&Safari | Webkit |
| Firefox | Gecko |
| Opera | Presto |
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 常見標(biāo)簽 | 使用場景 | 部分例子 |
|---|---|---|
| h1~h6 | 標(biāo)題 | <h1>大標(biāo)題</h1> |
| a | 鏈接到一個(gè)地址 | <a > |
| p | 段落鹦牛，表示大段文字 | <p>lalalalallalalalalalalallalala</p> |
| img | 圖片搞糕，只閉合標(biāo)簽，不需要/ |  |
| div | 用于給頁面劃分區(qū)塊能岩，結(jié)構(gòu)清晰 | <div id="abc">xxx</div> |
| ul寞宫、li | 無序列表 | |
| ul萧福、oi | 有序列表 | |
| button | 按鈕 | |
| span | 用來給某個(gè)文字單獨(dú)定義樣式 | |
| strong | 表示強(qiáng)調(diào)拉鹃。語義很重 | |
| em | 重要性稍微弱一點(diǎn) | |
| iframe | 用于嵌入一個(gè)頁面 | <iframe src="http:xxx.com" name="myPage">xxx</iframe><p><a href="" target="xxx">w3cschool</a></p> |
| table | 用于展示一個(gè)表格 |
