HTML、XML乖酬、XHTML 有什么區(qū)別
- HTML全名為超文本標(biāo)記語言（Hyper Text Markup Language）于未，是用于創(chuàng)建Web的標(biāo)準(zhǔn)的標(biāo)記語言，語法松散蒸苇，不嚴(yán)格磷蛹，編碼不規(guī)范，表現(xiàn)溪烤、結(jié)構(gòu)混亂味咳。
- XML是可擴(kuò)展標(biāo)識語言(The eXtensible Markup Language)，比html更為嚴(yán)格檬嘀，用途是定義結(jié)構(gòu)槽驶、存儲信息、傳送信息鸳兽。
- XHTML是可擴(kuò)展超文本標(biāo)記語言（eXtensible HyperText Markup Language）掂铐，是一種標(biāo)記語言，基于XML揍异，表現(xiàn)方式與超文本標(biāo)記語言HTML類似全陨，不過語法上更加嚴(yán)格。
怎樣理解 HTML 語義化
語義化是數(shù)據(jù)和表述的本體的映射成為可能衷掷，首先表達(dá)出結(jié)構(gòu)烤镐，并且通過一些結(jié)構(gòu)的直接聲明（約定俗成）讓計算機(jī)可以找到這些結(jié)構(gòu)的本體，然后計算機(jī)就可以通過本體的關(guān)系來進(jìn)行邏輯演繹棍鳖。我們目前可用的技術(shù)里面應(yīng)該充分的考慮到計算機(jī)非常弱的理解能力炮叶，盡量說一些約定俗成的東西碗旅，這樣機(jī)器人就可以幫我們進(jìn)行一些我們?nèi)祟惒惶瞄L但是它很擅長的推理計算了。那么最好我們能夠讓我們的文檔在描述相關(guān)的本體的時候使用計算機(jī)更容易理解的結(jié)構(gòu)镜悉，這就是語義化祟辟。也就是說用某一種模式來表達(dá)計算機(jī)可以理解的詞匯，這就是HTML的語義化侣肄。
通俗概括旧困，語義化是為了讓計算機(jī)能夠很好的通過自描述的結(jié)構(gòu)逐漸掌握我們?nèi)祟惖脑~匯，理解我們?nèi)嗽谡f什么稼锅，這樣它就可以更好的為我們服務(wù)吼具。
怎樣理解內(nèi)容與樣式分離的原則
之前說到語義化是為了讓計算機(jī)更好地理解我們?nèi)怂磉_(dá)的內(nèi)容
，因此我們必須回歸內(nèi)容本身矩距，將內(nèi)容本身的語義合理地表述出來拗盒，
再為不同的用戶代理設(shè)計不同的樣式描述，這就是內(nèi)容與樣式分離锥债。
內(nèi)容與樣式分離
一方面 陡蝇，簡化從全面重新設(shè)計到輕微設(shè)計調(diào)整的任何更改，對其中一部分內(nèi)容或樣式的更改使你無需改變其余整體哮肚。
另一方面登夫，一篇文檔的實際內(nèi)容和意義，與這篇文檔呈現(xiàn)給讀者的方式允趟，是相互獨立的
這使得它很容易在同一內(nèi)容應(yīng)用不同的樣式恼策，即為不同的用戶代理設(shè)計不同的樣式描述。
有哪些常見的meta標(biāo)簽
1潮剪、指定字符集：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
2涣楷、向搜索引擎說明你的網(wǎng)頁的關(guān)鍵字：
<meta name="keywords" content="關(guān)鍵字"/>
3、告訴搜索引擎你的站點的主要內(nèi)容：
<meta name="description" content=""/>
4鲁纠、告訴搜索引擎你的站點的制作的作者：
<meta name="author" content=""/>
5总棵、定時讓網(wǎng)頁在指定的時間n內(nèi)跳轉(zhuǎn)
<meta http-equiv="refresh" content="n;url="/>
6、勇于設(shè)定網(wǎng)頁的到期時間改含，一旦過期則必須到服務(wù)器上重新調(diào)用情龄，需要注意的是必須使用GMT時間格式：
<meta http-equiv="expires" content="Mon,12 May 2010 00:00:00 GMT"/>
7、禁用緩存：
<meta http-equiv="pragma" content="no-cache"/>
8捍壤、cookie設(shè)定骤视，如果網(wǎng)頁過期，存盤的cookie將會被刪除鹃觉，需要注意的是也必須使用GMT時間格式：
<meta http-equiv="set-cookie" content="Mon,12 May 2010 00:00:00 GMT" />
9.瀏覽器的內(nèi)核控制
<meta name="renderer" content="webkit|ie-comp|ie-stand">
文檔聲明的作用?<!doctype html> 的作用?
<!DOCTYPE> 聲明處于 <html> 標(biāo)簽之前专酗。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。在制作網(wǎng)頁時都需要定義文檔的類型盗扇，即doctype祷肯。如果不聲明網(wǎng)頁的文檔類型沉填，瀏覽器在解析的時候會以混雜模式解析網(wǎng)頁代碼，不同的瀏覽器下佑笋，混雜模式解析的網(wǎng)頁效果差別很大翼闹，會造成網(wǎng)頁布局排版的錯位，因此在寫html代碼前有必要寫明文檔類型蒋纬。
嚴(yán)格模式和混雜模式指什么?
Doctype可聲明三種DTD類型猎荠，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔蜀备。
當(dāng)瀏覽器廠商開始創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時关摇，他們希望確保向后兼容性。為了實現(xiàn)這一點碾阁，他們創(chuàng)建了兩種呈現(xiàn)模式：嚴(yán)格模式和混雜模式
嚴(yán)格模式是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁面输虱，是一種要求嚴(yán)格的DTD，不允許使用任何表現(xiàn)層的語法瓷蛙，在嚴(yán)格模式中悼瓮，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面戈毒，艰猬；
在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示埋市」谔遥混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。
模式觸發(fā)
觸發(fā)嚴(yán)格模式
觸發(fā)嚴(yán)格模式很簡單道宅，就是正常的建立網(wǎng)頁食听，聲明正確的DTD，便是嚴(yán)格模式污茵。
觸發(fā)混雜模式
而混雜模式的觸發(fā)可以通過在HTML文檔開始不聲明DTD樱报，或者在DOCTYPE前加入XML聲明<?xml version=”1.0〃 encoding=”utf-8〃?>來實現(xiàn)
瀏覽器亂碼的原因是什么？如何解決
產(chǎn)生亂碼的原因一般是文檔沒有聲明自身的編碼導(dǎo)致瀏覽器錯誤地使用了與文檔不同的解碼方式泞当，從而導(dǎo)致內(nèi)容無法正常顯示
一定要清楚文件保存時的編碼方式并在文件內(nèi)聲明
常見的瀏覽器有及其內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE瀏覽器（IE4以上） | Trident內(nèi)核（IE內(nèi)核） |
| Mozilla Firefox | Gecko |
| Google Chrome | 前期webkit（蘋果）迹蛤，如今blink |
| Opera | blink |
| Safari | webkit |
| 搜狗瀏覽器、傲游瀏覽器襟士、QQ瀏覽器 | 兼容模式（IE：Trident）和高速模式（webkit） |
| 360極速瀏覽器 | 基于谷歌（Chromium）和IE內(nèi)核 |
| 360安全瀏覽器 | IE內(nèi)核 |
| Netscape | Gecko |
常見的標(biāo)簽及其應(yīng)用場景
| 標(biāo)簽 | 場景 |
|---|---|
| <html>...</html> | 將所有HTML內(nèi)容都包含在這個標(biāo)簽內(nèi) |
| <head>...</head> | 用于定義文檔的頭部盗飒，它是所有頭部元素的容器。 |
| <title>...</title> | 文檔的標(biāo)題 |
| <meta>...</meta> | 提供有關(guān)頁面的元信息 |
| 注釋 | |
| bgcolor | 頁面背景色 |
| text | 文字顏色（規(guī)定所有文本顏色） |
| topmargin | 上頁邊距 |
| leftmargin | 左頁邊距 |
| rightmargin | 右頁邊距 |
| bottomargin | 下頁邊距 |
| background | 背景設(shè)置 |
| <font color="" face="" size=""></font> | 控制字體陋桂；color="顏色"逆趣；face，字體嗜历；size宣渗，字體大小抖所。 |
| < b > < /b > | 字體加粗 |
| < i >< /i > | 傾斜 |
| < u>< /u > | 下劃線 |
| < strong >< /strong > | 字體加粗（強(qiáng)調(diào)，語氣加強(qiáng)用） |
| < em >< /em > | 字體傾斜（強(qiáng)調(diào)痕囱，語氣加強(qiáng)用） |
| <center></center> | 居中部蛇。 |
| < u >< /u > | 下劃線 |
| h1~h6 | 標(biāo)題（會自動換行）。HTML標(biāo)題（Heading）是通過h1~h6 等標(biāo)簽進(jìn)行定義的咐蝇。重要性依次遞減 |
| < p > < /p > | 段落標(biāo)簽（段落之間空行） |
| <div></div> | 層標(biāo)簽（默認(rèn)占一行） |
| < span > < /span > | 層標(biāo)簽（默認(rèn)用多大空間占多大空間） |
| < ol type="1 " > < li> < /li> < /ol> | --有序列表涯鲁，序號為1,2,3……，引號中可以更改序號形式,ol改為ul則為無序列表有序，不具備自動換行 |
| <a href="超鏈接地址" target=“_blank”>超鏈接的文字</a> | 超鏈接標(biāo)簽抹腿，href（hyperlink reference）；_blank是在新窗口打開 |
| < i m g src="圖片地址" alt="文字" width="" height="" / > | 圖片鏈接標(biāo)簽旭寿，高跟寬設(shè)置一個即可警绩，顯示圖片會按比例縮放。alt在圖片無法加載時盅称，顯示文字肩祥，還可幫助搜索引擎搜索。< img / >必須單獨出現(xiàn)缩膝。 |
| <table></table> | 表格 |
| width | 寬度混狠，可以用像素或百分比表示。常用960像素疾层。 |
| border | 邊框将饺，常用值0。 |
| cellpadding | 內(nèi)容跟單元格邊框的邊距痛黎。常用值0予弧。 |
| cellspacing | 單元格之間的間距。常用值0湖饱。 |
| <tr></tr> | 行 |
| <td></td> | 單元格 |
| <th></th> | 表頭掖蛤，單元格的內(nèi)容自動居中、加粗 |
| align | ：一行的內(nèi)容的水平對齊方式 |
| colspan="n" | 合并同一行單元格（后面寫代碼要減去相對應(yīng)的列） |
| rowspan="n" | 合并同一列單元格（從第二行開始減去對應(yīng)的列） |
| < a >...< /a > | 定義錨井厌，即在頁面插入鏈接 |
| < q >...< /q > | 定義短引用 |
