1.HTML讥蟆、XML、XHTML 有什么區(qū)別
因?yàn)橄嗤帍淖置婵梢钥闯龇睦麄兌际荕L瘸彤，都是標(biāo)記語言（Markup Language），所以不同就是前面的部分了笛钝。
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 語義化
根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器很好地解析
3.內(nèi)容與樣式分離的原則
在一個網(wǎng)頁中暴构，內(nèi)容跪呈、樣式、行為分別由HTML丹壕、css庆械、JS來控制。
- 寫 HTML 的時候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上菌赖，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容缭乘。之后再去寫樣式。
- 寫 JS 的時候琉用，盡量不要用 JS 去直接操作樣式堕绩，而是通過給元素添加刪除class來控制樣式變化
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式
4.有哪些常見的meta標(biāo)簽
什么是meta標(biāo)簽邑时？
w3school的解釋為：<meta> 元素可提供有關(guān)頁面的元信息（meta-information）奴紧，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。<meta> 標(biāo)簽位于文檔的頭部晶丘。
其中元信息黍氮，就是是用于描述數(shù)據(jù)的數(shù)據(jù)唐含。它不會顯示在頁面上，但是機(jī)器卻可以識別沫浆。所以簡單來說捷枯，meta標(biāo)簽的作用就是定義頁面的說明，關(guān)鍵字专执，最后修改日期淮捆，和其它的元信息。這些元信息將服務(wù)于瀏覽器（如何布局或重載頁面）本股，搜索引擎和其它網(wǎng)絡(luò)服務(wù)攀痊。
meta標(biāo)簽的組成：
meta標(biāo)簽共有兩個屬性，分別是http-equiv屬性和name屬性拄显。
- name屬性：
主要用于描述網(wǎng)頁苟径，比如網(wǎng)頁的關(guān)鍵詞，敘述等凿叠。與之對應(yīng)的屬性值為content涩笤，content中的內(nèi)容是對name填入類型的具體描述，便于搜索引擎抓取盒件。meta標(biāo)簽中name屬性語法格式是：
<meta name="參數(shù)" content="具體的描述">蹬碧。
- http-equiv屬性:
相當(dāng)于HTTP的作用，比如說定義些HTTP參數(shù)的炒刁。語法格式為：
<meta http-equiv="參數(shù)" content="具體的描述">
常見的meta標(biāo)簽：
<!-- 聲明編碼方式 -->
<meta charset='utf-8' />
<!-- 優(yōu)先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- content的取值為webkit,ie-comp,ie-stand之一恩沽，區(qū)分大小寫，分別代表用webkit內(nèi)核翔始，IE兼容內(nèi)核罗心，IE標(biāo)準(zhǔn)內(nèi)核。 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 頁面關(guān)鍵詞 -->
<meta name="keywords" content="關(guān)鍵詞1,關(guān)鍵詞2,..." />
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明用來告知瀏覽器當(dāng)前文檔所使用的HTML或XHTML規(guī)范城瞎。
- 嚴(yán)格模式是指按照瀏覽器所支持的最高版本來實(shí)現(xiàn)效果渤闷；混雜模式則相反，盡可能向后兼容脖镀。使用老版本瀏覽器的顯示模式飒箭。
- <!doctype html>是用來聲明當(dāng)前文檔為html5
6.瀏覽器亂碼的原因是什么？如何解決
- 產(chǎn)生亂碼的原因一般是文檔沒有聲明自身的編碼導(dǎo)致瀏覽器錯誤地使用了與文檔不同的解碼方式蜒灰，從而導(dǎo)致內(nèi)容無法正常顯示
- 解決方法：記得聲明編碼方式弦蹂，并在保存的時候選擇同樣的編碼方式
7.常見的瀏覽器有哪些，什么內(nèi)核
瀏覽器內(nèi)核主要指的是瀏覽器的渲染引擎
- IE瀏覽器——Trident內(nèi)核
- chrome瀏覽器——WebKit內(nèi)核
- FireFox瀏覽器——Gecko內(nèi)核
- Opera瀏覽器——Presto內(nèi)核
- Safari瀏覽器——WebKti內(nèi)核
- 國產(chǎn)瀏覽器——所謂的雙內(nèi)核强窖，就是指Trident和WebKit
8.常見的標(biāo)簽及使用場景
- h1~h6凸椿，標(biāo)題
- p，段落
- a翅溺，鏈接
- img脑漫，圖片
- div髓抑，語義為“一大塊”，用于給頁面劃分區(qū)塊窿撬，讓結(jié)構(gòu)更清晰
- ul li 启昧，無需列表
- ol li叙凡，有序列表
- table thead tbody tfoot tr td劈伴，表格相關(guān)標(biāo)簽
- dl dt dd，用于展示一系列 “標(biāo)題:內(nèi)容... ”的場景
- button握爷，按鈕
- em跛璧，strong ，強(qiáng)調(diào)新啼，著重追城，后者強(qiáng)調(diào)性更強(qiáng)
- iframe，用于嵌入一個頁面 注意跨域操作問題
