HTML工腋、XML姨丈、XHTML 有什么區(qū)別畅卓？
HTML：超文本標(biāo)記語(yǔ)言，是語(yǔ)法較為松散的蟋恬、不嚴(yán)格的Web語(yǔ)言翁潘，主要用于顯示數(shù)據(jù)。
XML：可擴(kuò)展標(biāo)記語(yǔ)言歼争，主要用于傳輸拜马、存儲(chǔ)數(shù)據(jù)；標(biāo)簽沒(méi)有被預(yù)定義沐绒，需要自行定義標(biāo)簽俩莽。
XHTML：可擴(kuò)展超文本標(biāo)記語(yǔ)言，基于XML乔遮，作用與HTML類似扮超，但語(yǔ)法更嚴(yán)格。
怎樣理解 HTML 語(yǔ)義化蹋肮？
HTML語(yǔ)義化是一種編寫(xiě)HTML的方式出刷。根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽坯辩、使用合理的代碼結(jié)構(gòu)馁龟，便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼，同時(shí)讓瀏覽器漆魔、搜索引擎更好地解析坷檩。在沒(méi)有樣式CSS情況下也以一種文檔格式顯示却音，并且是容易閱讀的。使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊矢炼，便于閱讀維護(hù)理解满着。
怎樣理解內(nèi)容與樣式分離的原則
開(kāi)發(fā)網(wǎng)頁(yè)時(shí)，寫(xiě) HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上涯穷，讓 HTML 能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容换帜。之后再去寫(xiě)樣式，HTML 內(nèi)不允許出現(xiàn)屬性樣式涯塔，盡量不要出現(xiàn)行內(nèi)樣式肌稻。不僅可以更清晰地分別表達(dá)樣式或者內(nèi)容，更重要的是這一分離使得二者不再耦合匕荸，樣式變得可復(fù)用爹谭、組件化，便于后續(xù)開(kāi)發(fā)人員閱讀和維護(hù)榛搔。
有哪些常見(jiàn)的meta標(biāo)簽
meta標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)诺凡。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的践惑。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面）腹泌，搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)尔觉。meta標(biāo)簽的屬性有name屬性和http-equiv屬性：
1.name屬性
主要用于描述網(wǎng)頁(yè)凉袱，比如網(wǎng)頁(yè)的關(guān)鍵詞，敘述等侦铜。與之對(duì)應(yīng)的屬性值為content专甩，content中的內(nèi)容是對(duì)name填入類型的具體描述，便于搜索引擎抓取钉稍。
其中name屬性常用幾種參數(shù)：
keywords(關(guān)鍵字)：用于告訴搜索引擎涤躲，網(wǎng)頁(yè)的關(guān)鍵字
<meta name="keywords" content="web基礎(chǔ)">
description(網(wǎng)站內(nèi)容的描述)：用于告訴搜索引擎，網(wǎng)站的主要內(nèi)容
<meta name="description" content="前端知識(shí)">
viewport(移動(dòng)端的窗口)：常用于設(shè)計(jì)移動(dòng)端網(wǎng)頁(yè)
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
2.http-equiv屬性
content-Type：設(shè)定網(wǎng)頁(yè)字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //html4
<meta charset="utf-8"> //html5
X-UA-Compatible：瀏覽器采取何種版本渲染當(dāng)前頁(yè)面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當(dāng)前頁(yè)面
refresh：自動(dòng)刷新并指向某頁(yè)面
<meta http-equiv="refresh" content="2贡未；URL=http://www.google.co.uk"> //意思是2秒后跳轉(zhuǎn)到google
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么? <!doctype html>的作用?
文檔聲明：聲明文檔對(duì)象模型种樱，告訴瀏覽器應(yīng)該使用哪種方式來(lái)解析渲染頁(yè)面。
嚴(yán)格模式：使用<!doctype>標(biāo)簽來(lái)顯式聲明該用哪種方式來(lái)渲染頁(yè)面羞秤；混雜模式即不加<!doctype>標(biāo)簽缸托，允許瀏覽器使用自己的方式來(lái)渲染頁(yè)面。
<!doctype html>是聲明使用HTML5標(biāo)準(zhǔn)來(lái)解析渲染頁(yè)面瘾蛋。
瀏覽器亂碼的原因是什么俐镐？如何解決
瀏覽器亂碼的原因是編輯器保存的文檔設(shè)置的字符集和html文檔設(shè)置的字符集不一致，而瀏覽器會(huì)按html文檔設(shè)置的字符集解析哺哼。
html文檔的字符集設(shè)置為utf-8<meta charset="utf-8">,編輯器保存文檔的字符集與之一致佩抹。
常見(jiàn)的瀏覽器有哪些叼风，什么內(nèi)核
常見(jiàn)的瀏覽器有IE、chrome棍苹、Firefox无宿、Safari、Opera枢里、Netscape等孽鸡。
Trident內(nèi)核：Internet Explorer，又稱其為IE內(nèi)核栏豺。
Gecko內(nèi)核：Firefox彬碱、Netscape6至9。
WebKit內(nèi)核：Safari奥洼、Chrome巷疼。
Presto內(nèi)核：Opera 7.0及以上使用。
列出常見(jiàn)的標(biāo)簽灵奖，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 使用場(chǎng)景 |
|---|---|
<html> |
定義html文檔 |
<body> |
定義文檔的主體 |
<head> |
定義了文檔的信息 |
<title> |
定義了文檔的標(biāo)題 |
<meta> |
定義了HTML文檔中的元數(shù)據(jù) |
<link> |
定義了一個(gè)文檔和外部資源之間的關(guān)系 |
<script> |
定義了客戶端的腳本文件 |
<style> |
定義了HTML文檔的樣式文件 |
<h1>~<h6> |
定義標(biāo)題 |
<hr/> |
創(chuàng)建水平線 |
<!-- 這是一個(gè)注釋 --> |
注釋 |
<p> |
定義一個(gè)段落 |
<br/> |
換行 |
<b> |
定義粗體文本 |
<em |
定義著重文字 |
<i> |
定義斜體字 |
<strong> |
定義加重語(yǔ)氣 |
<small> |
定義小號(hào)字 |
<a> |
定義一個(gè)超級(jí)鏈接 |
<img> |
定義圖像 |
<table> |
定義表格 |
<th> |
定義表格的表頭 |
<tr> |
定義表格 的行 |
<td> |
定義表格的列 |
<ol> |
定義一個(gè)有序列表 |
<ul> |
定義一個(gè)無(wú)序列表 |
<li> |
定義列表項(xiàng) |
<div> |
定義了文檔的區(qū)域 |
<span> |
用來(lái)組合文檔中的行內(nèi)元素 |
<form> |
定義供用戶輸入的表單 |
<input> |
定義輸入域 |
<textarea> |
定義文本域 (一個(gè)多行的輸入控件) |
<label> |
定義了 <input> 元素的標(biāo)簽嚼沿，一般為輸入標(biāo)題 |
<select> |
定義了下拉選項(xiàng)列表 |
<option> |
定義下拉列表中的選項(xiàng) |
<button> |
定義一個(gè)點(diǎn)擊按鈕 |
