一、HTML啥容、XML锈颗、XHTML 有什么區(qū)別
1、HTML：HyperText Markup Language / 超文本標記語言：
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言咪惠，而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)- HTML 使用標記標簽來描述網(wǎng)頁
2击吱、XML: Extensible Markup Language / 可擴展標記語言：
- XML 指可擴展標記語言（EXtensible Markup Language）
- XML 是一種標記語言，很類似 HTML
- XML 的設(shè)計宗旨是傳輸數(shù)據(jù)遥昧，而非顯示數(shù)據(jù)
- XML 標簽沒有被預定義覆醇。您需要自行定義標簽
- XML 被設(shè)計為具有自我描述性
- XML 是 W3C 的推薦標準
3、XHTML: Extensible Hypertext Markup Language / 可擴展超文本標記語言：
- XHTML 指可擴展超文本標簽語言（EXtensible HyperText Markup Language）
- XHTML 的目標是取代 HTML
- XHTML 與 HTML 4.01 幾乎是相同
- XHTML 是更嚴格更純凈的 HTML 版本
- XHTML 是作為一種 XML 應用被重新定義的 HTML
- XHTML 是一個 W3C 標準
二炭臭、怎樣理解 HTML 語義化
1永脓、HTML語義化是什么？
語義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化）鞋仍，選擇合適的標簽（代碼語義化）常摧，便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析威创。
2.為什么要語義化落午？
- 用正確的標簽做正確的事情，讓頁面的內(nèi)容結(jié)構(gòu)化那婉，便于瀏覽器板甘、搜索引擎解析
- 有利于SEO，有助于爬蟲抓取更多的有效信息详炬，爬蟲是依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重
- 語義化的HTML在沒有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)
- 方便其他設(shè)備的解析
- 便于團隊開發(fā)和維護
三盐类、怎樣理解內(nèi)容與樣式分離的原則
1寞奸、什么是樣式分離
一個網(wǎng)頁分為三個部分：Html——結(jié)構(gòu)，css——表現(xiàn)在跳，javascrip——行為枪萄。內(nèi)容也就是html，樣式也就是css猫妙。所以內(nèi)容和樣式的分離瓷翻，就是指在網(wǎng)頁編碼的過程中，要將html和css兩大部分分開割坠。
2齐帚、分離的優(yōu)點
- 瀏覽器加載網(wǎng)頁頁面速度變快。分離原則下彼哼，大部分頁面代碼寫在了CSS當中对妄，頁面體積容量變得更小。
- 網(wǎng)頁修改設(shè)計時敢朱，效率剪菱、省時。根據(jù)html標簽內(nèi)ID或class的標記拴签，到CSS里找到相應的ID或class孝常，可以快速替換指定位置的樣式，不會破壞頁面架構(gòu)和其他部分的樣式蚓哩。
典型的應用就是網(wǎng)頁換膚构灸，使用相同的 html 結(jié)構(gòu)，不同的 css 樣式岸梨。- 更好地被搜索引擎收錄冻押。基于內(nèi)容與樣式分離的原則盛嘿，html的語義化就是首要考慮的,網(wǎng)頁中語義化的標簽代碼就會更加適合搜索引擎。
- css樣式的分離括袒，它可以根據(jù)不同的瀏覽器次兆，達到顯示效果的統(tǒng)一。保證網(wǎng)頁架構(gòu)不變形的前提下锹锰，放心在不同瀏覽器渲染顯示樣式
3芥炭、如何實現(xiàn)
- 寫HTML的時候先不管樣式，重點放在HTML的結(jié)構(gòu)和語義化上恃慧，讓HTML能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容
- 然后進行 css 樣式設(shè)置园蝠，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離）
- 寫JS的時候，盡量不要用JS去直接操作樣式痢士，而是通過給元素添加刪除class來控制樣式變化（即行為分離）
四彪薛、有哪些常見的meta標簽
meta標簽的用法有很多，以下是常用的一些：
- 指定文檔編碼 <meta charset="utf-8">；
- 適配移動頁面 <meta name="viewport" content="width=device-width, initial-scale=1.0">善延；
- 定制頁面圖標 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">少态；
- 設(shè)置 referer <meta name="referrer" content="never">；
- 添加頁面描述 <meta name="description" content="頁面描述">
五易遣、文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- <!doctype>標簽用來聲明文檔對象模型彼妻，用來告訴瀏覽器應該使用哪種方式來解析渲染頁面。
- 嚴格模式就是使用<!doctype>標簽來顯式聲明該用哪種方式來渲染頁面豆茫。
- 混雜模式即不加<!doctype>標簽侨歉，允許瀏覽器使用自己的方式來渲染頁面。
- <!doctype html>即就是聲明使用HTML5來解析渲染頁面揩魂。
六幽邓、瀏覽器亂碼的原因是什么？如何解決
- 瀏覽器對HTML網(wǎng)頁的編碼解釋錯誤肤京，HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成（一般多為中文)颊艳。
- meta標簽里沒有設(shè)置編碼字符集或meta字符集設(shè)置錯誤。
- 在<head>里添加<meta charset="">來聲明編碼格式解決
七忘分、常見的瀏覽器有哪些棋枕，什么內(nèi)核
- 常見瀏覽器：
Chrome，Safari妒峦，Opera重斑，IE，F(xiàn)irefo肯骇。- 主要瀏覽器內(nèi)核：
Chrome窥浪、Opera：blink
Safari：webkit
IE：trident，edgehtml
Firefox：servo笛丙、gecko
八漾脂、列出常見的標簽，并簡單介紹這些標簽用在什么場景
!DOCTYPE：定義文檔類型胚鸯。
html：定義HTML文檔骨稿。
head：定義文檔的頭部，它是所有頭部元素的容器姜钳。
title：定義文檔標題坦冠。
body：定義文檔主體。
div：定義文檔的分區(qū)或節(jié)哥桥。
h1-h6:標題
p：段落
a：跳轉(zhuǎn)鏈接
img：圖片
div：劃分布局
ul>li：無序列表
ol>li：有序列表
dl>dt辙浑、dd自定義列表
table：表格
input按鈕
br換行
hr分割線
