1.HTML、XML、XHTML 有什么區(qū)別

1. html 超文本標(biāo)記語言（Hyper Text Markup Language），是最早寫網(wǎng)頁的語言，但是由于時(shí)間早，規(guī)范不是很好，大小寫混寫且編碼不規(guī)范；
2. xml 可擴(kuò)展標(biāo)記語言（Extensible Markup Language），是一種跨平臺語言，編碼更自由，可以自由創(chuàng)建標(biāo)簽；
3. xhtml 升級版的html（Extensible Hyper Text Markup Language），對html進(jìn)行了規(guī)范，編碼更加嚴(yán)謹(jǐn)純潔，也是一種過渡語言，html向xml過渡的語言；

區(qū)別

1. xhtml對比與html，xhtml文檔具有良好完整的排版，體現(xiàn)在兩方面：a、元素必須要有結(jié)束標(biāo)簽；b、元素必須嵌套；
2. 對于html的元素和屬性，xhtml必須小寫，因?yàn)閤ml是嚴(yán)格區(qū)分大小寫的；
3. xhtml的屬性值必須在引號之中；

2.什么是語義化的 HTML

1. 用正確的標(biāo)簽桌正確的事；
2. HTML語義化就是讓頁面內(nèi)容結(jié)構(gòu)化，便于對瀏覽器，搜索引擎解析;
3. 使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解；

3.怎樣理解內(nèi)容和樣式分離的原則

1. 結(jié)構(gòu)和樣式的分離使得批量改變樣式變得更加方便；
2. 可以提高搜索引擎的搜索效率，我們檢索內(nèi)容的時(shí)候往往是不考慮樣式的；

4.有哪些常見的meta標(biāo)簽

<meta charset="utf-8">
使用utf-8的編碼方式
<meta http-equiv="refresh" content="0;url=" />
頁面重定向和刷新：content內(nèi)的數(shù)字代表時(shí)間（秒），既多少時(shí)間后刷新。如果加url,則會重定向到指定網(wǎng)頁。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
優(yōu)先使用 IE 最新版本和 Chrome。
<meta http-equiv="Pragma" content="no-cache">
禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容：這樣設(shè)定，訪問者將無法脫機(jī)瀏覽。
<meta name="keywords" content="your tags" />
頁面關(guān)鍵詞，每個(gè)網(wǎng)頁應(yīng)具有描述該網(wǎng)頁內(nèi)容的一組唯一的關(guān)鍵字。

5.文檔聲明的作用？

文檔聲明是為了避免瀏覽器把頁面判斷成混亂模式用的。因?yàn)闉g覽器并不知道你是html還是xml,所以通過DTD通知瀏覽器。

6.瀏覽器亂碼的原因是什么？如何解決

亂碼是因?yàn)镠TML在文本編輯階段的編碼方式和在被瀏覽器上被解釋執(zhí)行時(shí)的解碼方式不一致導(dǎo)致的。而亂碼主要是中文亂碼。

設(shè)置HTML編碼格式：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
或者
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
瀏覽器解碼方式設(shè)置
在chrome瀏覽器中的設(shè)置方式如下：菜單欄>>更多工具>>編碼

7.列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景

<span> </span> 行內(nèi)分區(qū)元素，最簡單的inline元素，沒有任何的顯示效果，需要CSS樣式去實(shí)現(xiàn)效果。span直譯為“跨距”，但是不好理解，所以在實(shí)際的使用中不去翻譯。必須要配合CSS和JS才會有效果。

<div> </div> 元素分組，division（分組）的縮寫為div，在頁面布局中經(jīng)常會用到，block元素，跟p不一樣，p元素上下是有間距的，最簡單的區(qū)塊元素，只是用來將指定的內(nèi)容放在一個(gè)區(qū)塊中。

<img src=”圖片的路徑” /> 實(shí)際上不是將一張圖片嵌入到網(wǎng)頁中，而是通知服務(wù)器發(fā)起一個(gè)圖片請求（get），請求服務(wù)器找到圖片并且加載，其中還有img還有幾個(gè)屬性：width:像素和百分比、height、alt：若圖片無法顯示時(shí)顯示的文字、title：鼠標(biāo)懸停時(shí)顯示的文字，inline元素。

a標(biāo)簽 鏈接