一写烤、HTML、XML禽捆、XHTML 有什么區(qū)別
HTML: 超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用笙什，也是一種規(guī)范，一種標(biāo)準(zhǔn)胚想。超文本標(biāo)記語(yǔ)言它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分琐凭。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符浊服，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理统屈，畫(huà)面如何安排，圖片如何顯示等）臼闻。
XHTML：XHTML 指擴(kuò)展超文本標(biāo)簽語(yǔ)言
XHTML是當(dāng)前HTML版的繼承者。HTML語(yǔ)法要求比較松散囤采，這樣對(duì)網(wǎng)頁(yè)編寫(xiě)者來(lái)說(shuō)述呐，比較方便，但對(duì)于機(jī)器來(lái)說(shuō)蕉毯，語(yǔ)言的語(yǔ)法越松散乓搬，處理起來(lái)就越困難，對(duì)于傳統(tǒng)的計(jì)算機(jī)來(lái)說(shuō)代虾，還有能力兼容松散語(yǔ)法进肯，但對(duì)于許多其他設(shè)備，比如手機(jī)棉磨，難度就比較大江掩。因此產(chǎn)生了由DTD定義規(guī)則，語(yǔ)法要求更加嚴(yán)格的XHTML乘瓤。大部分常見(jiàn)的瀏覽器都可以正確地解析XHTML环形，即使老一點(diǎn)的瀏覽器，XHTML作為HTML的一個(gè)子集衙傀，許多也可以解析抬吟。也就是說(shuō)，幾乎所有的網(wǎng)頁(yè)瀏覽器在正確解析HTML的同時(shí)统抬，可兼容XHTML火本。當(dāng)然危队，從HTML完全轉(zhuǎn)移到XHTML，還需要一個(gè)過(guò)程钙畔。
XML:可擴(kuò)展標(biāo)記語(yǔ)言茫陆，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集，是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言刃鳄。在電子計(jì)算機(jī)中盅弛，標(biāo)記指計(jì)算機(jī)所能理解的信息符號(hào)，通過(guò)此種標(biāo)記叔锐，計(jì)算機(jī)之間可以處理包含各種的信息比如文章等挪鹏。它可以用來(lái)標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類(lèi)型愉烙，是一種允許用戶對(duì)自己的標(biāo)記語(yǔ)言進(jìn)行定義的源語(yǔ)言XHTML與HTML的區(qū)別：
從HTML到XHTML過(guò)渡的變化比較小讨盒，主要是為了適應(yīng)XML。最大的變化在于文檔必須是良構(gòu)的步责，所有標(biāo)簽必須閉合返顺，也就是說(shuō)開(kāi)始標(biāo)簽要有相應(yīng)的結(jié)束標(biāo)簽。另外蔓肯，XHTML中所有的標(biāo)簽必須小寫(xiě)遂鹊。而按照HTML 2.0以來(lái)的傳統(tǒng)，很多人都是將標(biāo)簽大寫(xiě)蔗包，這點(diǎn)兩者的差異顯著秉扑。在XHTML中，所有的參數(shù)值调限，包括數(shù)字舟陆，必須用雙引號(hào)括起來(lái)（而在SGML和HTML中，引號(hào)不是必須的耻矮，當(dāng)內(nèi)容只是數(shù)字秦躯、字母及其它允許的特殊字符時(shí)，可以不用引號(hào)）裆装。所有元素踱承，包括空元素，比如img哨免、br等勾扭，也都必須閉合，實(shí)現(xiàn)的方式是在開(kāi)始標(biāo)簽?zāi)┪布尤胄笨柑鳌Ｊ÷詤?shù)妙色，比如<option selected>，也不允許慧耍，必須用<option selected="selected"/>身辨。兩者的詳細(xì)差別丐谋，可通過(guò)W3C XHTML說(shuō)明來(lái)查閱。XML與HTML的區(qū)別：
它不是超文本標(biāo)記語(yǔ)言的替代煌珊。
它是對(duì)超文本標(biāo)記語(yǔ)言的補(bǔ)充号俐。
它和超文本標(biāo)記語(yǔ)言為不同的目的而設(shè)計(jì)：
它被設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的內(nèi)容定庵。
超文本標(biāo)記語(yǔ)言被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)吏饿，其焦點(diǎn)是數(shù)據(jù)的外觀。
超文本標(biāo)記語(yǔ)言旨在顯示信息蔬浙，而它旨在傳輸信息猪落。
對(duì)它最好的描述是：它是獨(dú)立于軟件和硬件的信息傳輸工具。二畴博、怎樣理解 HTML 語(yǔ)義化
首先是關(guān)于語(yǔ)義（Semantics）和默認(rèn)樣式的區(qū)別笨忌，默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式，語(yǔ)義化的主要目的就是讓大家直觀的認(rèn)識(shí)標(biāo)簽(markup)和屬性(attribute)的用途和作用俱病。
語(yǔ)義化的網(wǎng)頁(yè)的好處官疲，最主要的就是對(duì)搜索引擎友好，有了良好的結(jié)構(gòu)和語(yǔ)義你的網(wǎng)頁(yè)內(nèi)容自然容易被搜索引擎抓取亮隙，你網(wǎng)站的推廣便可以省下不少的功夫途凫。
語(yǔ)義 Web 技術(shù)有助于利用基于開(kāi)放標(biāo)準(zhǔn)的技術(shù)，從數(shù)據(jù)溢吻、文檔內(nèi)容或應(yīng)用代碼中分離出意義维费。
三、怎樣理解內(nèi)容與樣式分離的原則
CSS與HTML分離的優(yōu)點(diǎn)
1煤裙、使頁(yè)面載入得更快由于將大部分頁(yè)面代碼寫(xiě)在了CSS當(dāng)中掩完，使得頁(yè)面體積容量變得更小噪漾。相對(duì)于表格嵌套的方式的逐層加載速度快硼砰。
2、修改設(shè)計(jì)時(shí)更有效率在修改頁(yè)面的時(shí)候更加容易省時(shí)欣硼。根據(jù)區(qū)域內(nèi)容標(biāo)記题翰，到CSS里找到相應(yīng)的ID，使得修改頁(yè)面的時(shí)候更加方便诈胜，也不會(huì)破壞頁(yè)面其他部分的布局樣式豹障。而表格布局則更不省事。3焦匈、保持視覺(jué)的一致性DIV+CSS最重要的優(yōu)勢(shì)之一：保持視覺(jué)的一致性血公；以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面缓熟，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差累魔。4摔笤、更好地被搜索引擎收錄由于將大部分的HTML代碼和內(nèi)容樣式寫(xiě)入了CSS文件中，這就使得網(wǎng)頁(yè)中代碼更加適合搜索引擎垦写。5吕世、對(duì)瀏覽者和瀏覽器更具親和力對(duì)瀏覽者和瀏覽器更具親和力，由于CSS富含豐富的樣式梯投，使頁(yè)面更加靈活性命辖，更加的美觀，它可以根據(jù)不同的瀏覽器分蓖，而達(dá)到顯示效果的統(tǒng)一和不變形尔艇。CSS與HTML分離的缺點(diǎn)
1、CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在1個(gè)外部文件中咆疗，或幾個(gè)文件漓帚，有可能相當(dāng)復(fù)雜，甚至比較龐大午磁。
2尝抖、雖然說(shuō)DIV+CSS解決了大部分瀏覽器兼容問(wèn)題，但是也有在部分瀏覽器中使用出現(xiàn)異常迅皇，比如火狐瀏覽器昧辽，在IE中顯示正常的頁(yè)面，到了火狐瀏覽器中可能會(huì)面目全非登颓。當(dāng)然這應(yīng)該是瀏覽器的問(wèn)題搅荞，但是可以說(shuō)在目前來(lái)看，DIV+CSS還沒(méi)有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容框咙。
3咕痛、DIV+CSS對(duì)搜索引擎優(yōu)化與否,取決于網(wǎng)頁(yè)設(shè)計(jì)的專業(yè)水平,而不是DIV+CSS本身
四、常用的meta標(biāo)簽總結(jié)
頁(yè)面關(guān)鍵詞
<meta name="keywords" content="your tags" />
頁(yè)面描述
<meta name="description" content="150 words" />
==上面的2個(gè) 可以同于seo的優(yōu)化==
頁(yè)面重定向和刷新
<meta http-equiv="refresh" content="0;url=" />頁(yè)面重定向和刷新
<meta http-equiv="refresh" content="0;url=" />charset 申明編碼
<meta charset='utf-8' />禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容
<meta http-equiv="Pragma" content="no-cache">隱藏狀態(tài)欄/設(shè)置狀態(tài)欄顏色
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />WebApp全屏模式
<meta name="apple-mobile-web-app-capable" content="yes" />
五喇嘱、文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明的作用：doctype聲明指出閱讀程序應(yīng)該用什么規(guī)則集來(lái)解釋文檔中的標(biāo)記茉贡。在Web文檔的情況下，“閱讀程序”通常是瀏覽器或者校驗(yàn)器這樣的一個(gè)程序者铜，“規(guī)則”則是W3C所發(fā)布的一個(gè)文檔類(lèi)型定義（DTD）中包含的規(guī)則腔丧。Doctype可聲明三種DTD類(lèi)型，分別表示嚴(yán)格版本作烟、過(guò)渡版本以及基于框架的 HTML 文檔愉粤。
嚴(yán)格模式和混雜模式：
當(dāng)瀏覽器廠商開(kāi)始創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時(shí)，他們希望確保向后兼容性拿撩。為了實(shí)現(xiàn)這一點(diǎn)衣厘，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式和混雜模式
在標(biāo)準(zhǔn)模式中，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁(yè)面压恒；
在混雜模式中影暴，頁(yè)面以一種比較寬松的向后兼容的方式顯示怖亭。混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無(wú)法工作坤检。<!doctype html> 的作用：它是html5標(biāo)準(zhǔn)網(wǎng)頁(yè)聲明,全稱為Document Type HyperText Mark-up Language兴猩，意思為文檔種類(lèi)為超文本標(biāo)記性語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，現(xiàn)在是這個(gè)簡(jiǎn)潔形式早歇，支持html5標(biāo)準(zhǔn)的主流瀏覽器都認(rèn)識(shí)這個(gè)聲明倾芝。表示網(wǎng)頁(yè)采用html5
附：
模式觸發(fā)
瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來(lái)選擇要使用的呈現(xiàn)方法。
如果XHTML箭跳、HTML 4.01文檔包含形式完整的DOCTYPE晨另，那么它一般以標(biāo)準(zhǔn)模式呈現(xiàn)。
包含過(guò)渡DTD和URI的DOCTYPE也導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)谱姓，但是有過(guò)渡DTD而沒(méi)有URI會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)借尿。
DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。
html5既然沒(méi)有DTD屉来，也就沒(méi)有嚴(yán)格模式與寬松模式的區(qū)別路翻，html5有相對(duì)寬松的語(yǔ)法，實(shí)現(xiàn)時(shí)茄靠，已經(jīng)盡可能大的實(shí)現(xiàn)了向后兼容茂契。
六、瀏覽器亂碼的原因是什么慨绳？如何解決掉冶？
亂碼產(chǎn)生的根本原因是你保存的字符編碼和瀏覽器解析時(shí)的解碼格式不匹配，一般產(chǎn)生亂碼的都是中文
解決：即通知瀏覽器用正確的方式解碼脐雪，在文件保存的時(shí)候你自己要清楚是用哪種字符編碼保存的厌小。如果你的文件是保存為utf-8格式，那么一定要在html 的 <head>里添加<meta charset="utf-8">战秋，這句話的意思是告訴瀏覽器在打開(kāi)這個(gè)頁(yè)面的時(shí)候不要去猜了璧亚，直接用utf-8去解碼。 同理获询，如果你的文件保存為gbk格式涨岁，一定在文件里添加<meta charset="gbk">
七拐袜、常見(jiàn)的瀏覽器有哪些吉嚣，什么內(nèi)核？
- IE瀏覽器——Trident內(nèi)核
==另外IE10之后 微軟啟用了新的Edge引擎== - Chrome瀏覽器——WebKit內(nèi)核
- FireFox瀏覽器——Gecko內(nèi)核
- Opera瀏覽器——Presto內(nèi)核
- Safari瀏覽器——WebKti內(nèi)核
- 國(guó)產(chǎn)瀏覽器——雙內(nèi)核蹬铺，Trident和WebKit
八尝哆、列出常見(jiàn)的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
html 元素 代表 HTML 文檔的根（頂級(jí)元素）甜攀，其他所有元素都是此元素的后代
base 元素 指定文檔里所有相對(duì) URLs 地址的基礎(chǔ) URL 秋泄。一份文檔最多只能有一個(gè) <base> 元素琐馆。
head 元素 規(guī)定文檔相關(guān)的通用信息（元數(shù)據(jù)），包括文檔標(biāo)題恒序、樣式或腳本的鏈接或定義瘦麸。
link元素指定了外部資源與當(dāng)前文檔的關(guān)系. 這個(gè)元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個(gè)元素經(jīng)常用來(lái)鏈接css文件。
meta 元素表示那些不能由其它HTML元素（<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息歧胁。
style元素包含了文檔的樣式化信息或者文檔的一部分滋饲。指定的樣式化星系包含的該元素內(nèi)，通常是CSS的格式
title元素 定義文檔的標(biāo)題喊巍，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上屠缭。它只可以包含文本，若是包含有標(biāo)簽崭参，則包含的任何標(biāo)簽都不會(huì)被解釋呵曹。
address元素可以讓作者為它最近的[article]或者<body>祖先元素提供聯(lián)系信息。在后一種情況下何暮，它應(yīng)用于整個(gè)文檔奄喂。
article元素表示文檔、頁(yè)面海洼、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)砍聊，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中贰军，它可能是論壇帖子玻蝌、雜志或新聞文章、博客词疼、用戶提交的評(píng)論俯树、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目
aside 元素表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分贰盗，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響许饿。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容。他們通常包含在工具條舵盈，例如來(lái)自詞匯表的定義陋率。也可能有其他類(lèi)型的信息，例如相關(guān)的廣告秽晚、筆者的傳記瓦糟、web 應(yīng)用程序、個(gè)人資料信息赴蝇，或在博客上的相關(guān)鏈接菩浙。
footer 元素表示最近一個(gè)章節(jié)內(nèi)容元素的頁(yè)腳。一個(gè)頁(yè)腳通常包含該章節(jié)作者、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息劲蜻。
header元素表示一組引導(dǎo)性的幫助陆淀，可能包含標(biāo)題元素，也可以包含其他元素先嬉，像logo轧苫、分節(jié)頭部、搜索表單等疫蔓。
div元素 (或 HTML 文檔分區(qū)元素) 是一個(gè)通用型的流內(nèi)容容器浸剩，它在語(yǔ)義上不代表任何特定類(lèi)型的內(nèi)容，它可以被用來(lái)對(duì)其它元素進(jìn)行分組鳄袍，一般用于樣式化相關(guān)的需求
dt 元素 （或 HTML 術(shù)語(yǔ)定義元素）用于在一個(gè)定義列表中聲明一個(gè)術(shù)語(yǔ)绢要。該元素僅能作為 dl 的子元素出現(xiàn)。通常在該元素后面會(huì)跟著 dd元素拗小， 然而重罪，多個(gè)連續(xù)出現(xiàn)的 dt 元素都將由出現(xiàn)在它們后面的第一個(gè) dd 元素定義。
figure 元素代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說(shuō)明(caption) <figcaption> 配合使用, 并且作為一個(gè)獨(dú)立的引用單元哀九。當(dāng)它屬于主體(main flow)時(shí)剿配，它的位置獨(dú)立于主體。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片阅束，插圖呼胚，表格，代碼段等等息裸，當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁(yè)面時(shí)不會(huì)影響到主體
h1–h6代表標(biāo)題的六個(gè)級(jí)別蝇更，前者是最高級(jí)別，后者是最低級(jí)別
標(biāo)簽 |作用
---|---
h1|標(biāo)題
p |指段落
b | 用于文字的粗體
I | 用于文字的斜體
br/| 用于自動(dòng)換行
hr/|用于插入水平線
strong |用于加粗
em |起強(qiáng)調(diào)作用呼盆，默認(rèn)顯示斜體
abbr |指縮寫(xiě)
cite |指引用來(lái)源
dfn|指一個(gè)新術(shù)語(yǔ)的定義
address| 包含設(shè)計(jì)者的聯(lián)系詳情
ins| 用來(lái)顯示已經(jīng)插入文檔中的內(nèi)容
del|用來(lái)顯示已經(jīng)從文檔中刪除的文本
ol|用于創(chuàng)建有序列表
li|代表列表中的項(xiàng)目
ul| 用來(lái)創(chuàng)建無(wú)序列表
a| 用于建立鏈接年扩，有一個(gè)重要的值href，href特性的值設(shè)定了鏈接的目標(biāo)
table| 用來(lái) 創(chuàng)建表格
th |指表格列或行的標(biāo)題
tr |代表表格行
td| 單元格列
title 屬性和 alt屬性分別有什么作用访圃？
title屬性是鼠標(biāo)劃上去顯示的內(nèi)容厨幻，
alt是在圖片不能正常加載時(shí)候顯示的提示語(yǔ)
