1. HTML匕积、XML逻澳、XHTML 有什么區(qū)別？
- HTML全名為超文本標記語言（Hyper Text Markup Language），是用于創(chuàng)建Web的標準的標記語言湾揽。
- HTML編碼不規(guī)范，表現(xiàn)库物、結(jié)構(gòu)混亂。不利于開發(fā)和維護诱告。
- XML全名為可擴展標記語言（Extensible Markup Language）民晒，它也是一種標記語言精居。
- XML，是一種用來儲存沃但、傳輸數(shù)據(jù)的可擴展標記語言佛吓，標簽沒有預定義，需要自定義標簽维雇。
- XHTML是根據(jù)HTML 4 和 XML 1.0重組而成。
- 改進了HTML定義不規(guī)范吱型，結(jié)構(gòu)不嚴謹?shù)娜秉c。它的語法更加嚴格耕陷，相對HTML的兼容性也不差。
2. 怎樣理解 HTML 語義化哟沫？
- 所謂 web 語義化锌介，從廣義上來說，不僅要使機器（搜索引擎等）易于理解孔祸，也要使人易于理解。在團隊協(xié)作開發(fā)中崔慧，對人的易于理解顯得尤為重要了，一個莫名其妙的 class 會讓后續(xù)的開發(fā)或者維護者一頭霧水温自，增加了協(xié)作成本皇钞。
- HTML標簽就帶有一定的語義化成分。編寫代碼時明顯區(qū)分夹界，標題是標題，段落是段落。將內(nèi)容結(jié)構(gòu)化丙者，使代碼變得更加易讀慢哈，易維護蔓钟；同時機器和爬蟲更加容易解析卵贱。
3.內(nèi)容與樣式分離的原則
將一篇文檔的內(nèi)容及意義與其呈現(xiàn)出來的方式獨立開來。一方面可以使機器更加容易理解其意圖或者含義兰绣。另一方面可以降低后期維護的復雜度编振。
4.有哪些常用的Meta標簽？
1.Name屬性
name屬性主要用于描述網(wǎng)頁踪央，比如網(wǎng)頁的關(guān)鍵詞，敘述等畅蹂。與之對應的屬性值為content，content中的內(nèi)容是對name填入類型的具體描述累贤，便于搜索引擎抓取。meta標簽中name屬性語法格式是：
<meta name="參數(shù)" content="具體的描述">臼膏。
常用參數(shù)
A. keywords(關(guān)鍵字)
說明：用于告訴搜索引擎示损，你網(wǎng)頁的關(guān)鍵字。舉例：
<meta name="keywords" content="...">
B. description(網(wǎng)站內(nèi)容的描述)
說明：用于告訴搜索引擎屎媳，你網(wǎng)站的主要內(nèi)容。舉例：
<meta name="description" content="...">
2. http-equiv屬性
http-equiv顧名思義，相當于http的文件頭作用嘉汰。
http-equiv屬性主要有以下幾種參數(shù)：
A. content-Type(設(shè)定網(wǎng)頁字符集)(推薦使用HTML5的方式)
說明：用于設(shè)定網(wǎng)頁字符集，便于瀏覽器解析與渲染頁面舉例：
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML双泪，不推薦
<meta charset="utf-8"> //HTML5設(shè)定網(wǎng)頁字符集的方式持搜，推薦使用UTF-8
B. X-UA-Compatible(瀏覽器采取何種版本渲染當前頁面)
說明：用于告知瀏覽器以何種版本來渲染頁面焙矛。（一般都設(shè)置為最新模式，在各大框架中這個設(shè)置也很常見贫导。）舉例：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當前頁面
<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 -->
5.文檔聲明的作用?嚴格模式和混雜模式指什么? 的作用?
-
文檔聲明用來告知瀏覽器當前文檔所使用的HTML或XHTML規(guī)范蟆盹。
是用來聲明當前文檔為html5的方法。
<!DOCYTYPE html>
- 嚴格模式是指按照瀏覽器所支持的最高版本來實現(xiàn)效果逾滥；
- 混雜模式則相反，盡可能向后兼容讥巡。使用老版本瀏覽器的顯示模式』肚辏混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作尸红。
6.瀏覽器亂碼的原因以及解決方法。
產(chǎn)生亂碼的原因一般是文檔沒有聲明自身的編碼導致瀏覽器錯誤地使用了與文檔不同的解碼方式外里，從而導致內(nèi)容無法正常顯示。一定要清楚文件保存時的編碼方式并在文件內(nèi)聲明盅蝗。
<meta charset='xxx'>
7.常見的瀏覽器有哪些，什么內(nèi)核芙委？
常見的瀏覽器及其對應內(nèi)核
- 使用Trident的是internet explorer狂秦，國產(chǎn)的絕大部分瀏覽器灌侣。Trident是就是ie內(nèi)核裂问。
- 使用Gecko的是Mozilla Firefox牛柒，使用 Gecko 內(nèi)核的瀏覽器也有不少痊乾，如 Netscape MozillaSuite/SeaMonkey 等。
- 使用Presto的是opera哪审，這是目前公認網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核。
- 使用WebKit的有蘋果的safari滴须，谷歌的chrome，還有國產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit描馅。
8.HTML常見標簽和使用場景
標簽 |使用場景
---- |
<html>...</html> |將所有HTML內(nèi)容都包含在這個標簽內(nèi)
<head>...</head> |用于定義文檔的頭部而线，它是所有頭部元素的容器。
<title>...</title> |文檔的標題
<meta>...</meta> |提供有關(guān)頁面的元信息
<body>...</body> |文檔的內(nèi)容
<h1>...</h1> |一級標題膀篮，h1h6分別對應六級標題，從16標題一次減小
<p>...</p> |整段文字
<a>...</a> |定義錨磅网，即在頁面插入鏈接
|1.href="#about" 跳轉(zhuǎn)到id為about的位置
|2.href="/test" 跳轉(zhuǎn)到完整域名+test
<img> |圖片
|alt 圖片無法展示時筷屡，顯示內(nèi)容涧偷，便于視力障礙人士使用
<ul>...</ul> |無序列表
<ol>...</ol> |有序列表
<li>...</li> |列表項
<br> |換行
<div>...</div> |定義文檔中的節(jié)毙死，默認表現(xiàn)為塊元素
<span>...</span> |定義定義文檔中的節(jié)，默認表現(xiàn)為行內(nèi)元素
<em>...</em> |定義強調(diào)文本
<i>...</i>|定義斜體字
<strong>...</strong> |定義強調(diào)文本
<q>...</q> |定義短引用
