HTML戏罢、XML屋谭、XHTML 有什么區(qū)別
HTML是超文本標(biāo)記語言，語法較為松散龟糕、不嚴(yán)格桐磁，是用于展示數(shù)據(jù)的，
XML是可擴(kuò)展標(biāo)記語言翩蘸，是用于存儲數(shù)據(jù)和結(jié)構(gòu)的所意，
XHTML是HTML和XML特點(diǎn)的結(jié)合，表現(xiàn)方式與HTML類似催首，但語法更為嚴(yán)格扶踊，比如所有的標(biāo)簽必須小寫，所有標(biāo)簽必須閉合郎任，每一個屬性都必須使用引號包住秧耗。
怎樣理解 HTML 語義化
選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)舶治，提高代碼的可讀性分井，同時讓爬蟲和機(jī)器更好的解析。即使在沒有CSS的情況下霉猛，頁面也能呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu)尺锚。
怎樣理解內(nèi)容與樣式分離的原則
HTML重點(diǎn)在結(jié)構(gòu)和語義化上，不可以出現(xiàn)屬性樣式惜浅，盡量不要出現(xiàn)行內(nèi)樣式瘫辩。內(nèi)容歸HTML，樣式歸CSS坛悉，這樣代碼結(jié)構(gòu)更為清晰伐厌，便于理解和后期維護(hù)。
有哪些常見的meta標(biāo)簽
| 標(biāo)簽 | 含義 |
|---|---|
| <meta charset='utf-8'> | 聲明文檔使用的字符編碼 |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> | 優(yōu)先使用 IE 最新版本和 Chrome |
| <meta name="description" content="不超過150個字符"/> | 頁面描述 |
| <meta name="keywords" content=""/> | 頁面關(guān)鍵詞 |
| <meta name="author" content="name, email@gmail.com"/> | 網(wǎng)頁作者 |
| <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> | 為移動設(shè)備添加 viewport |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明的作用是指示瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫和渲染裸影。
- 嚴(yán)格模式：瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面挣轨。
- 混雜模式：頁面以一種比較寬松的向后兼容的方式顯示⌒桑混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作见剩。
兩種模式的觸發(fā)方式
包含形式完整的DOCTYPE，一般以標(biāo)準(zhǔn)模式呈現(xiàn)雏搂。
包含過渡 DTD 和 URI 的 DOCTYPE ，也以嚴(yán)格模式呈現(xiàn)衔瓮，但有過渡 DTD 而沒有 URI （統(tǒng)一資源標(biāo)識符，就是聲明最后的地址）會導(dǎo)致頁面以混雜模式呈現(xiàn)抖甘。
DOCTYPE不存在或形式不正確會導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)
<!doctype html>是指用html5的標(biāo)準(zhǔn)來渲染頁面。
瀏覽器亂碼的原因是什么葫慎？如何解決
瀏覽器亂碼的原因是文件保存的編碼格式和瀏覽器解析時的解碼格式不匹配衔彻。
解決方法：在HTML的<head>里加上<meta charset="utf-8">，charset的值就是保存文件的編碼格式偷办。
常見的瀏覽器有哪些艰额，什么內(nèi)核
| 內(nèi)核 | 簡介 | 常見瀏覽器 |
|---|---|---|
| Trident | 微軟開發(fā)的一種排版引擎 | IE、傲游椒涯、世界之窗 |
| Gecko | 一套開放源代碼的柄沮、以C++編寫的網(wǎng)頁排版引擎 | Firefox |
| WebKit | 是一個開源項(xiàng)目，包含了來自KDE項(xiàng)目和蘋果公司的一些組件废岂，主要用于Mac OS系統(tǒng)祖搓，它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快湖苞。 | Safari和Chrome |
| Presto | 是由Opera Software開發(fā)的瀏覽器排版引擎拯欧，供Opera 7.0及以上使用 | Opera |
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 作用 |
|---|---|
| h1~h6 | 標(biāo)題财骨，h1代表最大的標(biāo)題镐作，標(biāo)題內(nèi)不能有段落 |
| <p> | 段落，包裹大段文字隆箩，段落內(nèi)不能有標(biāo)題 |
| <a> | 鏈接 |
| <div> | 塊元素该贾，用于給頁面分塊 |
| <ul><li> | 無序列表，ul的直接子元素是li |
| <ol><li> | 無序列表捌臊，ol的直接子元素是li |
| <button> | 按鈕 |
| <ifranme> | 用于嵌入一個頁面 |
| <table> | 用于展示表格杨蛋，不要用來布局 |
| <html> | 一個頁面只會有一個 |
| <form> | 表單 |
