HTML贩挣、XML、XHTML 有什么區(qū)別
- html即是超文本標記語言（Hyper Text Markup Language）没酣，是最早寫網(wǎng)頁的語言王财，但是由于時間早，規(guī)范不是很好裕便，大小寫混寫且編碼不規(guī)范绒净；
- xhtml即是升級版的html（Extensible Hyper Text Markup Language），對html進行了規(guī)范偿衰，編碼更加嚴謹純潔挂疆，也是一種過渡語言改览，html向xml過渡的語言；
- xml即時可擴展標記語言（Extensible Markup Language）缤言，是一種跨平臺語言宝当，編碼更自由，可以自由創(chuàng)建標簽墨闲。
html與xhtml之間的區(qū)別：可以參考這個網(wǎng)頁：http://www.dreamdu.com/xhtml/html_xhtml/
1今妄、xhtml對比與html，xhtml文檔具有良好完整的排版鸳碧，體現(xiàn)在兩方面：a盾鳞、元素必須要有結(jié)束標簽；b瞻离、元素必須嵌套腾仅；
2、對于html的元素和屬性套利，xhtml必須小寫推励，因為xml是嚴格區(qū)分大小寫的，<li>和<LI>是不同的標簽肉迫；
3验辞、xhtml的屬性值必須在引號之中；
4喊衫、xhtml不支持屬性最小化跌造，什么是屬性最小化了？ 正確:非最小化屬性(unminimized attributes) <input checked="checked"> 不正確:最小化屬性(minimized attributes) <input checked>
5族购、 在xhtml中壳贪，name屬性是不贊成使用的，在以后的版本中將被刪除寝杖。
怎樣理解 HTML 語義化
1. 什么是HTML語義化违施？
根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析瑟幕。
2. 為什么要語義化磕蒲？
- 為了在沒有CSS的情況下，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)只盹、代碼結(jié)構(gòu):為了裸奔時好看亿卤；
- 用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息鹿霸、label標簽的活用；
- 有利于SEO：和搜索引擎建立良好溝通秆乳，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重懦鼠；
- 方便其他設(shè)備解析（如屏幕閱讀器钻哩、盲人閱讀器、移動設(shè)備）以意義的方式來渲染網(wǎng)頁肛冶；
- 便于團隊開發(fā)和維護街氢，語義化更具可讀性，是下一步吧網(wǎng)頁的重要動向睦袖，遵循W3C標準的團隊都遵循這個標準珊肃，可以減少差異化。
怎樣理解內(nèi)容與樣式分離的原則
內(nèi)容與樣式 的分離即：
- 寫 HTML 僅處理內(nèi)容馅笙，只考慮 HTML 的結(jié)構(gòu)和語義化伦乔，避免出現(xiàn)屬性樣式。
- 寫 JS 的時候董习，盡量不使用 JS直接操作樣式烈和。
- 頁面展現(xiàn)的所有樣式，都由CSS來負責實現(xiàn)皿淋。
有哪些常見的meta標簽
| 標簽 | 含義 |
|---|---|
<mata charset="utf-8"> |
聲明文檔使用的字符編碼 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
聲明文檔兼容模式招刹，指示IE以目前可用的最高模式顯示內(nèi)容 |
<meta name="keywords" content="your tags"> |
定義針對搜索引擎的關(guān)鍵詞 |
<meta name="description" content="不超過850個字符"> |
頁面描述，告訴搜索引擎你的站點的主要內(nèi)容 |
<<meta name="author" content="你的姓名"> |
定義網(wǎng)頁作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定義頁面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次頁面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于設(shè)定網(wǎng)頁的到期時間窝趣，一旦過期則必須到服務(wù)器上重新調(diào)用疯暑。需要注意的是必須使用GMT時間格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用緩存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie設(shè)定，如果網(wǎng)頁過期哑舒，存盤的cookie將被刪除妇拯。需要注意的也必須使用GMT時間格式。 |
<meta name="robots" content="index,follow" /> |
搜索引擎索引方式 |
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html>
- <!DOCTYPE> 聲明必須是 HTML 文檔的第一行散址，位于 <html> 標簽之前乖阵。<!DOCTYPE> 聲明不是 HTML 標簽；它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令
- 嚴格模式：又稱標準模式预麸，是指瀏覽器按照 W3C 標準解析代碼瞪浸。
- 混雜模式：又稱怪異模式或兼容模式，是指瀏覽器用自己的方式解析代碼吏祸。
- 如何區(qū)分：瀏覽器解析時到底使用嚴格模式還是混雜模式对蒲，與網(wǎng)頁中的 DTD 直接相關(guān)。
瀏覽器亂碼的原因是什么贡翘？如何解決
產(chǎn)生亂碼的原因一般是文檔沒有聲明自身的編碼導(dǎo)致瀏覽器錯誤地使用了與文檔不同的解碼方式蹈矮，從而導(dǎo)致內(nèi)容無法正常顯示一定要清楚文件保存時的編碼方式并在文件內(nèi)聲明.
常見的瀏覽器有哪些，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | Trident內(nèi)核（IE內(nèi)核） |
| Firefox | Gecko |
| Opear鸣驱、chorme | Blink |
| Safari泛鸟、遨游、 | Webkit |
| 360安全瀏覽器 | 1.0-5.0為Trident踊东，6.0為Trident+Webkit北滥，7.0為Trident+Blink |
| 獵豹安全瀏覽器 | 1.0-4.2版本為Trident+Webkit刚操，4.3及以后版本Trident+Blink |
| 搜狗高速瀏覽器 | 1.x為Trident，2.0及以后版本為Trident+Webkit |
列出常見的標簽再芋，并簡單介紹這些標簽用在什么場景
| 標簽 | 場景 |
|---|---|
head標簽 |
頁面的頭部菊霜，位于<html></html>之間 |
body標簽 |
頁面身體部分，位于<head></head>之間 |
<h1>~<h6>標簽 |
頁面的標題 |
p標簽 |
記錄一大段文字 |
div標簽 |
主要用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景 |
ul標簽 |
無序列表 |
ol標簽 |
有序列表 |
a標簽 |
超鏈接 |
img標簽 |
用來引入圖片 |
