HTML、XML、XHTML 有什么區別？
- HTML，是一種用于創建網頁的標準標記語言，語法要求較為松散；
- XML，是一種用來儲存、傳輸數據的可擴展標記語言，標簽沒有預定義，需要自定義標簽；
- XHTML，表現方式與 HTML 類似，但語法上更為嚴格，基于可擴展標記語言 XML 。
怎樣理解 HTML 語義化
語義化 HTML 就是選擇合適的標簽、使用合理的代碼結構來編寫HTML的方式，使代碼更具可讀性，也使得瀏覽器的爬蟲和機器能對代碼更好地解析。
要實現HTML的語義化，就要求開發者掌握常用的HTML標簽，理解各種標簽所代表的含義，在不同的場景能使用合適的標簽，盡量不使用沒有語義信息的標簽。
語義化帶來的是更清晰的頁面結構，使頁面可讀性更強；更清晰的代碼結構，更利于開發團隊的開發和維護；更好的適應性，可以支持更多的設備的不同表現形式；與機器更良好的溝通，使瀏覽器更容易渲染表現，也使搜索引擎更容易獲取有效信息。
怎樣理解內容與樣式分離的原則
內容與樣式分離，即：
- 寫 HTML 僅處理內容，只考慮 HTML 的結構和語義化，避免出現屬性樣式。
- 寫 JS 的時候，盡量不使用 JS直接操作樣式。
- 頁面展現的所有樣式，都由CSS來負責實現。
有哪些常見的meta標簽?
<meta>元素可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞。<meta>標簽位于文檔的頭部，不包含任何內容，其屬性定義了與文檔相關聯的名稱 / 值對。
<meta>常見的屬性有：
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與 http-equiv 或 name 屬性相關的元信息 |
| http-equiv | content-type、expires、refresh、set-cookie | 把 content 屬性關聯到 HTTP 頭部。 |
| name | author、description、keywords、generator、revised、others | 把 content 屬性關聯到一個名稱。 |
| scheme | some_text | 定義用于翻譯 content 屬性值的格式。 |
| charset | UTF-8、ISO-8859-1等 | 聲明頁面所用的字符編碼 |
文檔聲明的作用?嚴格模式和混雜模式指什么? <!doctype html>的作用?
<!doctype>標簽用來聲明文檔對象模型，用來告訴瀏覽器應該使用哪種方式來解析渲染頁面。嚴格模式就是使用<!doctype>標簽來顯式聲明該用哪種方式來渲染頁面，混雜模式即不加<!doctype>標簽，允許瀏覽器使用自己的方式來渲染頁面。
<!doctype html>即就是聲明使用HTML5來解析渲染頁面。
瀏覽器亂碼的原因是什么？如何解決
瀏覽器出現亂碼一般是由于在制作頁面時使用非英文字符時，保存的編碼格式與瀏覽器解析時的解碼格式不匹配。為了解決這個問題，就要在頁面保存時就在HTML的<head>里添加<meta charset="">來聲明編碼格式，來告訴瀏覽器應該用什么解碼格式來解碼，例如使用UTF-8來編碼的頁面，添加<meta charset="UTF-8">`來告訴瀏覽器使用UTF-8格式來解碼，就不會出現亂碼了。
常見的瀏覽器有哪些，常見的內核有哪些？
常見瀏覽器有IE、Google Chrome、Safari、opera、Firefox等，還有世界之窗、傲游瀏覽器、360安全瀏覽器、搜狗告訴瀏覽器、QQ安全瀏覽器、獵豹安全瀏覽器等。
Trident(IE內核)：IE瀏覽器，很多國內瀏覽器，以及很多雙核瀏覽器的其中“一核”都是Trident。
Gecko：FireFox瀏覽器等。
Webkit：Chrome瀏覽器，Safari瀏覽器等。
Chromium/Blink：Chromium fork 自開源引擎 WebKit，卻把 WebKit 的代碼梳理得可讀性提高很多，Chrome瀏覽器就使用Chromium內核，搜狗、360、QQ瀏覽器等等雙核瀏覽器的一核都是Chromium。2013年谷歌宣布 Chromium 項目中研發 Blink 渲染引擎，內置于 Chrome 瀏覽器之中。
Presto：Opera瀏覽器先前使用的內核，Opera 在 2013 年 2 月宣布放棄 Presto后使用 WebKit 分支的 Chromium 引擎作為自家瀏覽器核心引擎，在 Chrome 推出 Blink 引擎之后，Opera也轉而使用Blink 作為瀏覽器核心引擎。
目前移動端系統內置瀏覽器的內核， iOS 平臺主要是 WebKit，
Android 4.4 之前的系統瀏覽器內核是 WebKit；Android4.4 系統瀏覽器切換到了Chromium，內核是 Webkit 的分支 Blink；Windows Phone 8 系統瀏覽器內核則是 Trident。
常見的HTML標簽有哪些，并簡單介紹這些標簽用在什么場景
| 標簽 | 使用場景 |
|---|---|
<html>...</html> |
將所有HTML內容都包含在這個標簽內 |
<head>...</head> |
用于定義文檔的頭部，它是所有頭部元素的容器。 |
<title>...</title> |
文檔的標題 |
<meta>...</meta> |
提供有關頁面的元信息 |
<body>...</body> |
文檔的內容 |
<h1>...</h1> |
一級標題，h1h6分別對應六級標題，從16標題一次減小 |
<p>...</p> |
整段文字 |
<a>...</a> |
定義錨，即在頁面插入鏈接 |
<img> |
圖片 |
<ul>...</ul> |
無序列表 |
<ol>...</ol> |
有序列表 |
<li>...</li> |
列表項 |
<br> |
換行 |
<div>...</div> |
定義文檔中的節，默認表現為塊元素 |
<span>...</span> |
定義定義文檔中的節，默認表現為行內元素 |
<em>...</em> |
定義強調文本 |
<i>...</i> |
定義斜體字 |
<strong>...</strong> |
定義強調文本 |
<q>...</q> |
定義短引用 |
