<h1>一、HTML、XML、XHTML 有什么區別</h1>
<ol>
<li>HTML，全名為超文本標記語言（Hyper Text Markup Language），是語法較為松散的、不嚴格的Web語言；</li>
<li>XML，全名為可擴展標記語言（Extensible Markup Language），主要用于存儲數據和結構；</li>
<li>XHTML，可擴展超文本標記語言，是根據HTML 4 和 XML 1.0重組而成。基于XML，作用與HTML類似，但語法更嚴格；</li>
</ol>
<h1>二、怎樣理解 HTML 語義化</h1>
<p>語義化的含義就是用正確的標簽做正確的事情，html語義化就是讓頁面的內容結構化，便于對瀏覽器、搜索引擎解析；在沒有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重，利于 SEO。使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。</p>
<h1>三、怎樣理解內容與樣式分離的原則</h1>
<ul>
<li>內容和樣式的分離使得批量改變樣式變得更加方便；
<li>可以提高搜索引擎的搜索效率，我們檢索內容的時候往往是不考慮樣式的；</li>
</ul>
<h1>四、有哪些常見的meta標簽</h1>
<dl>
<dt>1、指定字符集：</dt>
<dd><meta charset='utf-8' /></dd>
<dt>2、向搜索引擎說明你的網頁的關鍵字：</dt>
<dd><meta name="keywords" content="關鍵字"/></dd>
<dt>3、告訴搜索引擎你的站點的主要內容：</dt>
<dd><meta name="description" content=""/></dd>
<dt>4、告訴搜索引擎你的站點的制作的作者：<dt>
<dd><meta name="author" content=""/></li></dd>
<dt>5、優先使用 IE 最新版本和 Chrome</dt>
<dd><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /></dd>
</dl>
<h1>五、文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?</h1>
<dl>
<dt>文檔聲明的作用?</dt>
<dd>文檔聲明是為了告訴瀏覽器，你的 HTML 文檔是用的什么版本的 HTML 來寫的，這樣瀏覽器才能按照你聲明的版本來正確的解析你的 HTML 文檔。</dd>
<dt>嚴格模式和混雜模式指什么?</dt>
<dd>
<ul>
<li>嚴格模式（推薦）現在也稱為標準模式，在該模式下，瀏覽器會嚴格按照 HTML 和 CSS 標準來解析、渲染你的文檔。
<li>混雜模式（不推薦）的由來是一個歷史問題。在互聯網早期，網頁一般寫成兩個版本：一個寫給網景公司的 Navigator瀏覽器，一個寫給微軟公司的IE瀏覽器。當W3C制定了 Web 標準后，這兩個瀏覽器不能馬上開始按標準來解析渲染頁面，因為這樣會破壞當時大部分頁面的顯示效果。所以各瀏覽器就引入了混雜模式，在該模式下，瀏覽器會模擬Navigator 4和IE5的非標準行為來解析渲染頁面，這樣做就是為了兼容在W3C標準出現之前就存在的那些“不標準”的頁面。</li>
</ul>
</dd>
<dt><!doctype html> 的作用?</dt>
<dd><!doctype html> 的作用就是讓瀏覽器進入標準模式，使用最新的 HTML5標準來解析渲染頁面；如果不寫，瀏覽器就會進入混雜模式，而這是我們要避免的。</dd>
</dl>
<h1>六、瀏覽器亂碼的原因是什么？如何解決</h1>
<p>產生亂碼的原因一般是文檔沒有聲明自身的編碼導致瀏覽器錯誤地使用了與文檔不同的解碼方式，從而導致內容無法正常顯示；</p>
<p>HTML 文檔一定要指定字符集為utf-8，因為這個字符集包括了世界上幾乎所有的文字，沒有理由不用它。<meta charset="utf-8">編輯器保存文檔使用的字符集一定要跟 HTML 文檔指定的字符集匹配，也就是 utf-8；</p>
<h1>七、常見的瀏覽器有哪些，什么內核</h1>
<ul> <li>Trident ：IE瀏覽器使用的內核
<li>Gecko :Mozilla FireFox采用的內核
<li> Webkit：Chrome瀏覽器和Safari瀏覽器采用的內核
<li> Presto ：代表作品OperaPresto
</ul>
<h1>八、列出常見的標簽，并簡單介紹這些標簽用在什么場景</h1>
<ul><li>h1-h6 標題標簽
<li>p 段落標簽
<li>a 鏈接標簽
<li>href="#about" 跳轉到id為about的位置
<li>href="/test" 跳轉到完整域名+test
<li>img 圖片鏈接
<li>alt 圖片無法展示時，顯示內容，便于視力障礙人士使用
<li>div 塊標簽
<li>ul 無序列表
li ul的子標簽，ul下的直接元素必須是li
<li>ol 有序列表
li ol的子元素
<li>dl dt dd用于展示一系列 “標題:內容... ”的場景
<li>button 按鈕標簽
<li>strong 強調元素
<li>em 中層強調元素
<li>span 標記一段行內元素
<li>iframe 在當前頁面嵌入一個頁面
<li>table 用于展示表格，不要用來做布局
thead、tbody、tfoot 一般不用寫
tr 代表表格的一行
th 代表表格第一行的列內容
td 代表表格的一列
</ul>
