HTML、XML、XHTML有什么區別？
HTML （HyperText Markup Language）超文本標記語。，主要用來顯示數據。對 語法要求不嚴格，瀏覽器會盡力去解析其代碼，盡管代碼不規范。
XML（EXtensible Markup Language）可擴展標記語言。目的是為了傳輸和存儲數據，其焦點是數據的內容，標簽沒有被預定義，需要自行定義標簽。
XHTML（Extensible HyperText Markup Language）可擴展超文本標記語言。是HTML 與XML的結合物，更嚴格更純凈的 HTML。
怎樣理解 HTML 語義化？
HTML語義化是指使用合適的標簽來體現HTML文檔的結構，根據內容的結構、用途來選擇適當的標簽，避免用標簽來指定樣式。
語義化后的標簽有一下優勢：
- 在沒有CSS的情況下，頁面也能呈現出很好地內容結構、代碼結構。
- 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息。
- 便于團隊開發和維護，語義化的HTML可以讓開發者更容易的看明白，從而提高團隊的效率和協調能力。
- 用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用。
- 能夠適應各種各樣的設備。
怎樣理解內容與樣式分離的原則？
內容與樣式分離就是網頁的內容和結構由HTML負責，而由CSS來負責樣式。分離后，內容和樣式更加清晰，之后修改更加方便，便于團隊的開發和維護。
有哪些常見的meta標簽？
參考HTML meta標簽總結與屬性使用介紹
常用meta整理
<meta>標簽提供關于HTML文檔的元數據。元數據不會顯示在頁面上，但是對于機器是可讀的。它可用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務。
必要屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some text | 定義與http-equiv或name屬性相關的元信息 |
可選屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| http-equiv | content-type / expire / refresh / set-cookie | 把content屬性關聯到HTTP頭部。 |
| name | author / description / keywords / generator / revised / others | 把 content 屬性關聯到一個名稱。 |
| content | some text | 定義用于翻譯 content 屬性值的格式。 |
-
<meta name="keywords" content="">向搜索引擎說明你的網頁的關鍵詞 -
<meta name="description" content="">告訴搜索引擎你的站點的主要內容 -
<meta name="author" content="你的姓名">告訴搜索引擎你的站點的制作的作者 -
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">指定字符集 -
<meta http-equiv="refresh" content="n;url=">定時讓網頁在指定的時間n內跳轉 -
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>指定IE和Chrome使用最新版本渲染當前頁面 <meta name="robots" content="index,follow" />- all：文件將被檢索，且頁面上的鏈接可以被查詢；
- none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
- index：文件將被檢索；
- follow：頁面上的鏈接可以被查詢；
- noindex：文件將不被檢索；
- nofollow：頁面上的鏈接不可以被查詢。
- 移動設備
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
width：寬度（數值 / device-width）（范圍從200 到10,000，默認為980 像素）
height：高度（數值 / device-height）（范圍從223 到10,000）
initial-scale：初始的縮放比例 （范圍從>0 到10）
minimum-scale：允許用戶縮放到的最小比例
maximum-scale：允許用戶縮放到的最大比例
user-scalable：用戶是否可以手動縮 (no,yes)
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- <!DOCTYPE>聲明叫做文件類型定義（DTD），聲明的作用為了告訴瀏覽器該文件的類型。讓瀏覽器解析器知道應該用哪個規范來解析文檔。<!DOCTYPE>聲明必須在 HTML 文檔的第一行，這并不是一個 HTML 標簽。
- 嚴格模式：又稱標準模式，是指瀏覽器按照 W3C 標準解析代碼。
混雜模式：又稱怪異模式或兼容模式，是指瀏覽器用自己的方式解析代碼。 - <!DOCTYPE html>告訴瀏覽器以html5的規范來解析該文檔。
瀏覽器亂碼的原因是什么？如何解決？
參考字符編碼
瀏覽器亂碼的原因是并不知道應該采取何種方式進行解碼，也就是說并不清楚該文檔的編碼類型。
可以在meta標簽中用charset指定頁面的編碼方式，現在一般用UTF-8，支持多種語言。
常見的瀏覽器有哪些，什么內核?
| 瀏覽器 | 內核 | css實現兼容 |
|---|---|---|
| Chrome和Android瀏覽器 | WebKit | -webkit |
| Safari | WebKit | -webkit |
| IE | Trident | -ms |
| Firefox | Gecko | -moz |
| Opera | Presto | -o |
列出常見的標簽，并簡單介紹這些標簽用在什么場景
| 標簽 | 語義 |
|---|---|
<h1>~<h6>
|
標題 |
<a>、<p>、<img>、<button>
|
超鏈接、段落、圖片、按鈕 |
<table>、<tr>、<th>、<td>
|
表格、表格中一行、表格頭部單元格、表格內容單元格 |
<ul>、<ol>、<li>
|
有序列表、無序例表、列表項 |
<dl>、<dt>、<dd>
|
定義列表、定義標題、定義內容 |
<em>``<strong> |
都是強調，<strong>程度高 |
<div>、<span>
|
用作劃分布局等，div為塊，span為行內元素 |
<q>、<blockquote>
|
短引用、塊引用 |
<iframe>用法
<iframe src="http://baidu.com" name="myPage"></iframe>
<p><a target="myPage">W3Cschool.cc</a></p>
可以用來嵌入一個頁面，注意<a>標簽中target屬性與<iframe>中name屬性的關系。注意跨域操作問題。
