1.HTML、XML阁最、XHTML 有什么區(qū)別戒祠？
- HTML，超文本標(biāo)記語言速种，是語法較為松散的姜盈、不嚴(yán)格的Web語言。
- XML配阵，可擴(kuò)展標(biāo)記語言馏颂，主要用于存儲數(shù)據(jù)和結(jié)構(gòu)，可擴(kuò)展棋傍。
- XHTML救拉，可擴(kuò)展超文本標(biāo)記語言，基于XML瘫拣，作用與HTML類似亿絮，但語法更嚴(yán)格。
2.怎樣理解 HTML 語義化的麸拄？
語義化 HTML 就是選擇合適的標(biāo)簽派昧、使用合理的代碼結(jié)構(gòu)來編寫HTML的方式，使代碼更具可讀性感帅，也使得瀏覽器的爬蟲和機(jī)器能對代碼更好地解析斗锭。
為什么要語義化？
- 為了在沒有CSS的情況下失球，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)岖是、代碼結(jié)構(gòu)帮毁；
- 用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息豺撑、label標(biāo)簽的活用烈疚；
- 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重聪轿；
- 方便其他設(shè)備解析（如屏幕閱讀器爷肝、盲人閱讀器、移動設(shè)備）以意義的方式來渲染網(wǎng)頁陆错；
- 便于團(tuán)隊開發(fā)和維護(hù)灯抛，語義化更具可讀性表箭，是下一步的網(wǎng)頁的重要動向还栓，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化杰标。
如何讓HTML語義化绳慎？
- 盡可能少的使用無語義的標(biāo)簽div和span纵竖；
- 在語義不明顯時，既可以使用div或者p時杏愤，盡量用p, 因為p在默認(rèn)情況下有上下間距靡砌，對兼容特殊終端有利；
- 不要使用純樣式標(biāo)簽珊楼，如：b通殃、font、u等亥曹，改用css設(shè)置邓了。
- 需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式媳瞪，能用CSS指定就不用他們）骗炉，strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）蛇受；
- 使用表格時句葵，標(biāo)題要用caption，表頭用thead兢仰，主體部分用tbody包圍乍丈，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開把将，表頭用th轻专，單元格用td；
- 表單域要用fieldset標(biāo)簽包起來察蹲，并用legend標(biāo)簽說明表單的用途请垛；
- 每個input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽催训，并且通過為input設(shè)置id屬性，在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來宗收。
3.怎樣理解內(nèi)容與樣式分離的原則漫拭？
- 由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小混稽。使頁面載入得更快采驻。
- 修改設(shè)計時更有效率在修改頁面的時候更加容易省時。根據(jù)區(qū)域內(nèi)容標(biāo)記匈勋，到CSS里找到相應(yīng)的ID礼旅，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的布局樣式洽洁。
- 保持視覺的一致性各淀。
- 由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁中代碼更加適合搜索引擎诡挂。
- 由于CSS富含豐富的樣式，使頁面更加靈活性临谱，更加的美觀璃俗，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形悉默，對瀏覽者和瀏覽器更具親和力城豁。
4.有哪些常見的meta標(biāo)簽？
| <meta name="keywords" content=""> | 向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞 |
|---|---|
| <meta name="description" content=""> | 告訴搜索引擎你的站點的主要內(nèi)容 |
| <meta name="author" content="你的姓名"> | 告訴搜索引擎你的站點的制作的作者 |
| <meta charset="utf-8"> | 聲明文檔使用的字符編碼 |
| <meta http-equiv="refresh" content="n;url="> | 定時讓網(wǎng)頁在指定的時間n內(nèi)跳轉(zhuǎn) |
| <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> | 移動設(shè)備 |
| <meta http-equiv="expires" content="Mon,12 May 2016 00:20:00 GMT"> | 可以用于設(shè)定網(wǎng)頁的到期時間抄课，一旦過期則必須到服務(wù)器上重新調(diào)用唱星。需要注意的是必須使用GMT時間格式 |
| <meta http-equiv="pragma" content="no-cache"> | 禁用緩存 |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | 優(yōu)先使用 IE 最新版本和 Chrome |
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!DOCTYPE html> 的作用?
- 文檔聲明的作用是要告訴標(biāo)準(zhǔn)通用標(biāo)記語言解析器，它應(yīng)該使用什么樣的文檔類型定義（DTD）來解析文檔跟磨。
- 嚴(yán)格模式：又稱標(biāo)準(zhǔn)模式间聊，是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
- 混雜模式：又稱怪異模式或兼容模式抵拘，是指瀏覽器用自己的方式解析代碼哎榴。
- 添加了<!DOCTYPE html>就等同于開啟了標(biāo)準(zhǔn)模式，以免瀏覽器啟動混雜模式僵蛛。
6.瀏覽器亂碼的原因是什么尚蝌？如何解決？
- 查看文檔的<meta charset="">聲明使用的字符編碼
- 修改正確的字符編碼
- 查看并設(shè)置瀏覽器中的字符編碼
7.常見的瀏覽器有哪些充尉，什么內(nèi)核?
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | IE內(nèi)核 |
| chrome&Safari | WebKit |
| Mozilla Firefox | Gecko |
| Opera | Presto |
8.列出常見的標(biāo)簽飘言，并簡單介紹這些標(biāo)簽用在什么場景?
- a 標(biāo)簽：定義超鏈接，用于一個頁面鏈接到另一個頁面驼侠。
- button 標(biāo)簽：定義一個按鈕姿鸿。
- body 標(biāo)簽：定義文檔的主體谆吴。
- em 標(biāo)簽：把文本定義為強(qiáng)調(diào)的內(nèi)容。
- strong 標(biāo)簽：把文本定義為語氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容般妙。
- from 標(biāo)簽：用于為用戶輸入創(chuàng)建 HTML 表單纪铺。
- h1 - h6 標(biāo)簽：可定義標(biāo)題。h1定義最大的標(biāo)題碟渺。h6定義最小的標(biāo)題鲜锚。
- head 標(biāo)簽：用于定義文檔的頭部，它是所有頭部元素的容器苫拍。
- i 標(biāo)簽：顯示斜體文本效果芜繁。
- img 標(biāo)簽：向網(wǎng)頁中嵌入一幅圖片。有兩個必需的屬性：src 屬性 和 alt 屬性绒极。
- input 標(biāo)簽：用于搜集用戶信息骏令。
- li 標(biāo)簽：定義列表項目。
- link 標(biāo)簽：定義文檔與外部資源的關(guān)系垄提。
- meta 標(biāo)簽：可提供有關(guān)頁面的元信息（meta-information）榔袋，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
- nav 標(biāo)簽：定義導(dǎo)航鏈接的部分铡俐。
- ol 標(biāo)簽：定義有序列表凰兑。
- p 標(biāo)簽：定義段落。
- span 標(biāo)簽：被用來組合文檔中的行內(nèi)元素审丘。
- table 標(biāo)簽：定義 HTML 表格吏够。
- ul 標(biāo)簽：定義無序列表。
