一、HTML、XML、XHTML 有什么區(qū)別
HTML：超文本標(biāo)記語言，用來描述網(wǎng)頁。是語法較為松散、不嚴(yán)格的Web語言
XML：可擴(kuò)展標(biāo)記語言，主要用于存儲數(shù)據(jù)和結(jié)構(gòu)參考，而非顯示數(shù)據(jù)。需要自行定義標(biāo)簽。
XHTML:可擴(kuò)展超文本標(biāo)簽語言，基于XML，作用與HTML類似，但語法更嚴(yán)格參考。
總結(jié)：
XHTML被發(fā)明出來是為了能更好地去規(guī)范HTML，因?yàn)镠TML的書寫和規(guī)定不是那么規(guī)范，所以出了一個(gè)更嚴(yán)格的版本去規(guī)范它，這個(gè)新版本就是XHTML，它的語法和基本使用規(guī)則和HTML幾乎一模一樣，XHTML以后將漸漸取代HTML。
XML則是用于用來傳輸和存儲數(shù)據(jù)，它是不作為的，只是作為純文本來傳輸數(shù)據(jù)，正如上面的代碼那樣，你可以自己發(fā)明標(biāo)簽，而不是像html那樣必須使用規(guī)定的標(biāo)簽。
二、怎樣理解 HTML 語義化
語義化HTML是一種編寫HTML的方式。選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)便于閱讀。同時(shí)也能讓瀏覽器的爬蟲和機(jī)器很好的解析。
三、怎樣理解內(nèi)容與樣式分離的原則
讓內(nèi)容歸html，樣式歸css，內(nèi)容與樣式分離即在寫HTML時(shí)，只考慮網(wǎng)頁的結(jié)構(gòu)和語義化。頁面展現(xiàn)的樣式，都由css實(shí)現(xiàn)。一方面可以減少網(wǎng)頁的代碼，另一方面可以輕松地更換樣式。
四、有哪些常見的meta標(biāo)簽
1、申明編碼<meta charset='utf-8' />
2、優(yōu)先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />關(guān)于X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=6" >使用IE6
<meta http-equiv="X-UA-Compatible" content="IE=7" >使用IE7
<meta http-equiv="X-UA-Compatible" content="IE=8" >使用IE8
3、頁面關(guān)鍵詞<meta name="keywords" content="your tags" />
4、移動(dòng)設(shè)備
<meta name="viewport" content="width=device-width, initial-scale=1.,maximum-scale=1., user-scalable=no"/>
5、頁面關(guān)鍵詞
<meta name="keywords" content="your tags" />
6、頁面描述 <meta name="description" content="150 words" />
五、文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明的作用是告知瀏覽器頁面使用的HTML版本。
<!doctype html> 的作用是告知瀏覽器頁面是用html5編寫的。
嚴(yán)格模式：瀏覽器會嚴(yán)格按照 HTML 和 CSS 標(biāo)準(zhǔn)來解析、渲染你的文檔。
混雜模式：文檔開頭不明確申明，由瀏覽器來自行判斷頁面的文檔類型，可以兼容各類型，瀏覽器用自己的方式解析代碼。
六、瀏覽器亂碼的原因是什么？如何解決
1、比如網(wǎng)頁源代碼是gbk的編碼，而內(nèi)容中的中文字是utf-8編碼的，這樣瀏覽器打開即會出現(xiàn)html亂碼。反之網(wǎng)頁是編碼utf-8，內(nèi)容是gbk也會出現(xiàn)亂碼。
2、html網(wǎng)頁編碼是gbk，而程序從數(shù)據(jù)庫中調(diào)出呈現(xiàn)是utf-8編碼的內(nèi)容也會造成編碼亂碼。
3、瀏覽器不能自動(dòng)檢測網(wǎng)頁編碼，造成網(wǎng)頁亂碼。
七、常見的瀏覽器有哪些，什么內(nèi)核
Trident內(nèi)核，又稱為IE內(nèi)核?！狪E、傲游、世界之窗瀏覽器、Avant、騰訊TT等。
Gecko內(nèi)核——Firefox、Netscape6至9。
WebKit內(nèi)核——Safari、Chrome、360。
Presto內(nèi)核——OperaPresto。
七、列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
<a> 用于超鏈接。<a href="">some text</a>
<article> 用于一篇文章。<article>a self-contained article</article>
<aside> 用于頁面的側(cè)邊欄。<aside>some content</aside>
<blockquote> 用于大段的引用內(nèi)容。<blockquote>some big te xts</blockquote>
<body> 頁面上顯示的所有內(nèi)容都被包含在<body></body>里
用于顯示一個(gè)換行
<button> 用于顯示一個(gè)按鈕
<code> 用于一包裹一段代碼內(nèi)容
<dd>用于一個(gè)dl列表的某個(gè)dt名詞的描述
<del> 用于刪除一些不需要的文字
<div> 用于包裹住一些其他的標(biāo)簽，制造一個(gè)容器
<dl>用于制作一個(gè)名詞和對應(yīng)解釋的列表
<dt> 用于一個(gè)dl列表的某個(gè)dt名詞
<em> 用于強(qiáng)調(diào)一些文本內(nèi)容
<figcaption> 用于一張圖表的說明文字
<figure> 用于一張圖表
<footer> 用于包裹頁面的底部內(nèi)容
<form>用于制作一個(gè)表單
<h1>-<h6> 用于標(biāo)記標(biāo)題，從h1到h6重要性依次遞減
<head> 用于包裹頁面的元數(shù)據(jù)，如<meta>, <link>, <title>等
<header> 用于包裹頁面的頭部內(nèi)容
用于制造出一條分隔線
<html>整個(gè) HTML 文檔的根元素，包裹住其他所有的元素
<iframe>用于嵌入另一個(gè)小頁面到一個(gè)頁面中
<img>用于顯示一張圖片
<input> 用于顯示一個(gè)表格輸入控件
<label> 用于給一個(gè)表格輸入控件打上一個(gè)標(biāo)簽，說明輸入控件的作用
<li> 用于<ul>和<ol>標(biāo)簽，代表一個(gè)列表項(xiàng)
<link> 用于鏈接外部CSS文件
<mark>用于高亮顯示某些文本
<meta>用于下達(dá)一些元數(shù)據(jù)指令，或者對頁面進(jìn)行說明
<nav> 用于包裹住一個(gè)導(dǎo)航條的內(nèi)容
<ol> 用于制作一個(gè)有序列表
<p>用于顯示一個(gè)段落
<q>用于一小段引用文字
<script>用于一段JavaScript腳本代碼，或者引入一個(gè)外部JavaScript腳本文件
<section>用于包裹一部分有邏輯關(guān)第的頁面內(nèi)容
<select>用于制作一個(gè)下拉列表選框
<span>用于包裹住一小段文字，作為一個(gè)容器
<strong> 用于著重強(qiáng)調(diào)重要的文本內(nèi)容
<style> 用于給頁面元素加上樣式
用于下標(biāo)文本
用于上標(biāo)文本
<table>用于制作一個(gè)表格
<tbody> 用于表格里的主體部分
<td>用于表格里的某一個(gè)單元格
<textarea> 用于制作一大塊文本輸入框
<tfoot> 用于表格里的底部
<th> 用于表格里的表頭的單元格
<thead>用于表格里的表頭
<time>用于頁面內(nèi)容中的時(shí)間
<title> 用于顯示整個(gè)頁面的標(biāo)題（顯示在瀏覽器的tab上）
<tr>用于標(biāo)記表格里的一行
<ul> 用于制作一個(gè)無序列表
