前言：
HTML（超文本標記鏈接），是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計令人賞心悅目的網(wǎng)頁、網(wǎng)頁應用程序以及移動應用程序的用戶界面。
一，HTML、XML、XHTML 有什么區(qū)別：
HTML:超文本標記語言，是語法較為松散并且不嚴格的web語言；
XML:可擴展標記語言，設(shè)計目的是存儲并傳輸數(shù)據(jù)和結(jié)構(gòu)參考，標簽沒有預定義，需要自定義標簽；
XHTML：可擴展超文本標記語言，基于XML，作用于HTML相類似，但語法更加復雜。
二，怎樣理解 HTML 語義化：
為了更好的提示用戶的體驗和提高開發(fā)者的編寫效率，HTML的語法編寫推崇語義化，即用正確的標簽做正確的事情，這樣不僅可以讓別的開發(fā)者（同事）更好的讀懂自己的代碼，減少差異性提高工作效率，還可以讓瀏覽器和搜索引擎做到更好的解析并利于seo優(yōu)化，在一些特殊人群使用特殊瀏覽器"瀏覽"網(wǎng)頁（如：如視力障礙人群使用讀屏器）的時候，可以讓客戶更好的獲取信息，減少誤判。
四，怎樣理解結(jié)構(gòu)與樣式，行為分離的原則：
一個網(wǎng)頁主要由結(jié)構(gòu)，樣式，行為組成。同樣的為了更好的提高編寫效率，減少維護和修改代碼的成本，我們就需要讓HTML，CSS，JS做"自己"該做的事，編寫HTML時就把重點放在結(jié)構(gòu)，內(nèi)容，語言化上，不要寫行間樣式，編寫css的時候主要注重樣式的呈現(xiàn)，編寫js盡量不要用JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
五，有哪些常見的meta標簽屬性：
申明編碼：
- <meta charset='utf-8' />
頁面關(guān)鍵詞 :
- 每個網(wǎng)頁應具有描述該網(wǎng)頁內(nèi)容的一組唯一的關(guān)鍵字, 不要太短也不要太長
- <meta name="keywords" content="your tags" />
設(shè)置搜索引擎索引方式 :
- <meta name="robots" content="index,follow" />
- all：文件將被檢索，且頁面上的鏈接可以被查詢
- none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
- index：文件將被檢索；
- follow：頁面上的鏈接可以被查詢；
- noindex：文件將不被檢索；
- nofollow：頁面上的鏈接不可以被查詢。
優(yōu)先使用 IE 最新版本和 Chrome:
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta http-equiv="X-UA-Compatible" content="IE=6" >
- <meta http-equiv="X-UA-Compatible" content="IE=7" >
- <meta http-equiv="X-UA-Compatible" content="IE=8" >
頁面描述:
- 每個網(wǎng)頁都應該有一個不超過150個字符的頁面描述
- <meta name="description" content="150 words" />
內(nèi)核控制：
- 國內(nèi)瀏覽器很多都是雙內(nèi)核（webkit和Trident）,webkit內(nèi)核高速瀏覽，IE內(nèi)核兼容網(wǎng)頁和舊版網(wǎng)站。 而添加meta標簽的網(wǎng)站可以控制瀏覽器選擇何種內(nèi)核渲染。
<meta name="renderer" content="webkit|ie-comp|ie-stand">優(yōu)化移動瀏覽器的顯示 :
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
六，文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 告知瀏覽器的此文檔的類型，版本等內(nèi)容，這決定了瀏覽器對此文檔的解析和呈現(xiàn)方式
- 嚴格模式：瀏覽器將會嚴格的按照w3c標準去解析和呈現(xiàn)。
- 混雜模式：瀏覽器以自有的寬松的并向后兼容的方式去解析呈現(xiàn)。
- <!doctype html>是HTML5的文檔聲明，會告知瀏覽器用嚴格HTML5標準去解析和呈現(xiàn)文檔。
七，瀏覽器亂碼的原因以及解決方法：
這主要是HTML文檔保存時的編碼格式和文檔meta標簽charset屬性所聲明的格式不同，只要使文檔的保存編碼和charset屬性所聲明的值保持一致即可。
八，常見的瀏覽器有哪些，什么內(nèi)核：
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | Trident內(nèi)核 |
| Chrome | Chromium內(nèi)核 |
| Firefox | Gecko內(nèi)核 |
| Safari | Webkit內(nèi)核 |
| Opera | Blink 內(nèi)核 |
| 360瀏覽器、獵豹瀏覽器內(nèi)核 | IE+Chrome雙內(nèi)核 |
| 搜狗、遨游、QQ瀏覽器內(nèi)核 | rident（兼容模式）+Webkit（高速模式） |
| 百度瀏覽器、世界之窗內(nèi)核 | IE內(nèi)核 |
| IE內(nèi)核 | Blink 內(nèi)核 |
九，列出常見的標簽，并簡單介紹這些標簽用在什么場景：
| 標簽 | 使用場景 |
|---|---|
| <head>..</head> | 所有頭部元素的容器 |
| <title>..</title> | 定義文檔標題 |
| <link > | 定義文檔與外部資源之間的關(guān)系 |
| <style></style> | 為文檔定義樣式信息 |
| <meta > | 關(guān)于 HTML 文檔的元數(shù)據(jù) |
| <script> </script> | 定義客戶端腳本 |
| <h1> ~<h6> </h1>~</h6> | 定義標題 |
| <p></p> | 定義段落 |
| <a></a> | 定義鏈接 |
| <img > | 定義圖片 |
| <ul></ul> | 定義無序列表 |
| <ol></ol> | 定義有序列表 |
| <li></li> | 定義ol、ul列表中的每一項 |
| <div></div> | 常用來定義區(qū)塊 |
| <span></span> | 常用來定義行和塊內(nèi)的一個小區(qū)域 |
| <table></table> | 定義表格 |
| <tr></tr> | 定義表格中的行 |
| <tb></tb> | 定義行中的單元格 |
| <form></form> | 定義表單 |
| <input > | 表單中最重要的元素，根據(jù)type屬性值的不同，形態(tài)也會變化 |
| <select></select> | 定義下拉列表 |
| <option ></option > | 定義下拉列表的項 |
