一、HTML、XML、XHTML 有什么區別
超文本標記語言（HyperText Markup Language，簡稱：HTML）
可擴展標記語言（Extensible Markup Language，簡稱：XML)
可擴展超文本標記語言（eXtensible HyperText Markup Language，簡稱：XHTML)
- 說到它們的區別，就需要提及“標準通用標記語言（Standard Generalized Markup Language，SGML）”這個概念。它是現時常用的超文本格式的最高層次標準。有非常強大的適應性，但也正是因為同樣的原因導致了它的復雜，因而在小型的應用中難以普及。
- 從繼承關系上講，HTML和XML都派生于它。XML可以被認為是它的一個子集，而HTML是它的一個應用，XHTML則基于可擴展標記語言（XML）。XML的產生就是為了簡化它，以便用于更加通用的目的，比如語義Web。
- 簡單說，它們都是ML標記語言。但HTML語法較為松散、不嚴格。XML主要用于存儲數據和結構參考。XHTML表現方式與HTML類似，不過語法上更加嚴格。
二、怎樣理解 HTML 語義化
- 簡單說來就是用正確的標簽做正確的事情。HTML語義化,是指標簽本身的含義，要與內容結構的意義相匹配，使頁面的內容結構化。比如，不要為了改變樣式，而使用帶特定樣式的HTML標簽。
- 機器解析頁面，人閱讀代碼，都需要通過標記來定位理解。所以良好的語義化，能使頁面結構清晰、內容表達明確。便于瀏覽器、搜索引擎等的解析；也便于維護代碼的人去閱讀和理解。
- HTML標簽語義化是Web網頁標準化的重要一環，也是標準制定時重要的設計原則。HTML5中新增加的很多標簽（如：article、nav、header和footer等）就是基于這樣的設計原則。
三、怎樣理解內容與樣式分離的原則
- 簡單說就是，HTML是內容，負責頁面結構和語義。CSS是樣式，負責頁面展示。二者開發盡量分離。比如，不要為了改變樣式，而使用帶特定樣式的HTML標簽；盡量不在標簽內使用樣式等。
- 讓內容和樣式分離，可以使得web開發更加便捷以及容易維護。增強了機器的可讀性，使得機器、網絡爬蟲能更好地理解頁面內容。保持視覺的一致性。
四、有哪些常見的meta標簽
- 聲明編碼
<meta charset="utf-8"> - 控制瀏覽器內核渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - 定義頁面作者、關鍵字、頁面描述、索引方式等
<meta name="" content=""> - 指定請求和響應遵循的緩存機制
<meta http-equiv="cache-control" content="no-cache"> - 禁止自動轉碼
<meta http-equiv="Cache-Control" content="no-siteapp"> - 在設定的時間內，自動刷新并調向設定的網址
<meta http-equiv="refresh" content="2；URL=http://www.lxxyx.win/">
五、文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 聲明了HTML文檔的類型,讓瀏覽器知道應給使用哪個規范來解析文檔。
- 嚴格模式：按照瀏覽器所支持的最高版本來實現效果。
- 混雜模式：盡可能向后兼容，使用老版本瀏覽器的顯示模式。
-
<!doctype html>聲明該頁面的HTML版本為HTML5
六、瀏覽器亂碼的原因是什么？如何解決
- 1.各種編碼方式，編碼字節數目不同。比如"utf-8"與"gbk"對中文的編碼字節數目就不同。2.保存的編碼格式和瀏覽器解析時的解碼格式不匹配導致。比如，文件默認保存為GBK格式，在Chrome打開時默認使用 ISO-8859的解碼方式，導致編碼和解碼不匹配，產生亂碼。
- 1.弄清楚自己的文件保存時，編輯器是用哪種編碼方式保存的；或者自己設置。2.然后在文檔內聲明同樣的編碼方式。
比如：你的文件是保存為utf-8格式，那么一定要在html 的<head>里添加<meta charset="utf-8">
七、常見的瀏覽器有哪些，什么內核
IE瀏覽器：Trident內核
Chrome瀏覽器：WebKit內核
Safari瀏覽器：WebKit內核
Firefox瀏覽器：Gecko內核
Opera瀏覽器：Presto內核
其中國內的瀏覽器一般為WebKit/Trident的雙內核，如360瀏覽器，QQ瀏覽器等
八、列出常見的標簽，并簡單介紹這些標簽用在什么場景
<!doctype html>文檔類型聲明
<head></head>首部
<meta>定義關于 HTML 文檔的元信息
<link>引入外部樣式表文件css
<title></title>頁面標題
<script></script>引入JS
<body></body>
h(1-6)六級標題
<p></p>段落
<ol><li></li></ol>有序列表
<ul><li></li></ul>無序列表
<table></table> 表格
<tr></tr>表格行
<th></th>表頭
<td></td>表格單元
<form></form>表單
<input>輸入控件
<em></em>強調
<strong></strong>重要
<img>圖片
<a></a>超鏈接
<div></div>劃分區塊
<button></button> 點擊按鈕
<br>換行
