HTML空凸、XML、XHTML 有什么區(qū)別寸痢？
- HTML呀洲，是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言，語法要求較為松散；
- XML道逗，是一種用來儲(chǔ)存兵罢、傳輸數(shù)據(jù)的可擴(kuò)展標(biāo)記語言，標(biāo)簽沒有預(yù)定義滓窍，需要自定義標(biāo)簽卖词；
- XHTML，表現(xiàn)方式與 HTML 類似吏夯，但語法上更為嚴(yán)格此蜈，基于可擴(kuò)展標(biāo)記語言 XML 。
怎樣理解 HTML 語義化
語義化 HTML 就是選擇合適的標(biāo)簽噪生、使用合理的代碼結(jié)構(gòu)來編寫HTML的方式裆赵，使代碼更具可讀性，也使得瀏覽器的爬蟲和機(jī)器能對(duì)代碼更好地解析跺嗽。
要實(shí)現(xiàn)HTML的語義化战授，就要求開發(fā)者掌握常用的HTML標(biāo)簽，理解各種標(biāo)簽所代表的含義抛蚁，在不同的場(chǎng)景能使用合適的標(biāo)簽陈醒，盡量不使用沒有語義信息的標(biāo)簽。
語義化帶來的是更清晰的頁面結(jié)構(gòu)瞧甩，使頁面可讀性更強(qiáng)钉跷；更清晰的代碼結(jié)構(gòu)，更利于開發(fā)團(tuán)隊(duì)的開發(fā)和維護(hù)肚逸；更好的適應(yīng)性爷辙，可以支持更多的設(shè)備的不同表現(xiàn)形式；與機(jī)器更良好的溝通朦促，使瀏覽器更容易渲染表現(xiàn)膝晾，也使搜索引擎更容易獲取有效信息。
怎樣理解內(nèi)容與樣式分離的原則
內(nèi)容與樣式分離务冕，即：
- 寫 HTML 僅處理內(nèi)容血当，只考慮 HTML 的結(jié)構(gòu)和語義化，避免出現(xiàn)屬性樣式禀忆。
- 寫 JS 的時(shí)候臊旭，盡量不使用 JS直接操作樣式。
- 頁面展現(xiàn)的所有樣式箩退，都由CSS來負(fù)責(zé)實(shí)現(xiàn)离熏。
有哪些常見的meta標(biāo)簽?
<meta>元素可提供有關(guān)頁面的元信息，比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞戴涝。<meta>標(biāo)簽位于文檔的頭部滋戳，不包含任何內(nèi)容钻蔑，其屬性定義了與文檔相關(guān)聯(lián)的名稱 / 值對(duì)。
<meta>常見的屬性有：
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與 http-equiv 或 name 屬性相關(guān)的元信息 |
| http-equiv | content-type奸鸯、expires咪笑、refresh、set-cookie | 把 content 屬性關(guān)聯(lián)到 HTTP 頭部娄涩。 |
| name | author蒲肋、description、keywords钝满、generator、revised申窘、others | 把 content 屬性關(guān)聯(lián)到一個(gè)名稱弯蚜。 |
| scheme | some_text | 定義用于翻譯 content 屬性值的格式。 |
| charset | UTF-8剃法、ISO-8859-1等 | 聲明頁面所用的字符編碼 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么? <!doctype html>的作用?
<!doctype>標(biāo)簽用來聲明文檔對(duì)象模型碎捺，用來告訴瀏覽器應(yīng)該使用哪種方式來解析渲染頁面。嚴(yán)格模式就是使用<!doctype>標(biāo)簽來顯式聲明該用哪種方式來渲染頁面贷洲，混雜模式即不加<!doctype>標(biāo)簽收厨，允許瀏覽器使用自己的方式來渲染頁面。
<!doctype html>即就是聲明使用HTML5來解析渲染頁面优构。
瀏覽器亂碼的原因是什么诵叁？如何解決
瀏覽器出現(xiàn)亂碼一般是由于在制作頁面時(shí)使用非英文字符時(shí)，保存的編碼格式與瀏覽器解析時(shí)的解碼格式不匹配钦椭。為了解決這個(gè)問題拧额，就要在頁面保存時(shí)就在HTML的<head>里添加<meta charset="">來聲明編碼格式，來告訴瀏覽器應(yīng)該用什么解碼格式來解碼彪腔，例如使用UTF-8來編碼的頁面侥锦，添加<meta charset="UTF-8">`來告訴瀏覽器使用UTF-8格式來解碼，就不會(huì)出現(xiàn)亂碼了德挣。
常見的瀏覽器有哪些恭垦，常見的內(nèi)核有哪些？
常見瀏覽器有IE格嗅、Google Chrome番挺、Safari、opera吗浩、Firefox等建芙，還有世界之窗、傲游瀏覽器懂扼、360安全瀏覽器禁荸、搜狗告訴瀏覽器右蒲、QQ安全瀏覽器、獵豹安全瀏覽器等赶熟。
Trident(IE內(nèi)核)：IE瀏覽器瑰妄，很多國(guó)內(nèi)瀏覽器，以及很多雙核瀏覽器的其中“一核”都是Trident映砖。
Gecko：FireFox瀏覽器等间坐。
Webkit：Chrome瀏覽器，Safari瀏覽器等邑退。
Chromium/Blink：Chromium fork 自開源引擎 WebKit竹宋，卻把 WebKit 的代碼梳理得可讀性提高很多，Chrome瀏覽器就使用Chromium內(nèi)核地技，搜狗蜈七、360、QQ瀏覽器等等雙核瀏覽器的一核都是Chromium莫矗。2013年谷歌宣布 Chromium 項(xiàng)目中研發(fā) Blink 渲染引擎飒硅，內(nèi)置于 Chrome 瀏覽器之中。
Presto：Opera瀏覽器先前使用的內(nèi)核作谚，Opera 在 2013 年 2 月宣布放棄 Presto后使用 WebKit 分支的 Chromium 引擎作為自家瀏覽器核心引擎三娩，在 Chrome 推出 Blink 引擎之后，Opera也轉(zhuǎn)而使用Blink 作為瀏覽器核心引擎妹懒。
目前移動(dòng)端系統(tǒng)內(nèi)置瀏覽器的內(nèi)核雀监， iOS 平臺(tái)主要是 WebKit，
Android 4.4 之前的系統(tǒng)瀏覽器內(nèi)核是 WebKit彬伦；Android4.4 系統(tǒng)瀏覽器切換到了Chromium滔悉，內(nèi)核是 Webkit 的分支 Blink；Windows Phone 8 系統(tǒng)瀏覽器內(nèi)核則是 Trident单绑。
常見的HTML標(biāo)簽有哪些回官，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 使用場(chǎng)景 |
|---|---|
<html>...</html> |
將所有HTML內(nèi)容都包含在這個(gè)標(biāo)簽內(nèi) |
<head>...</head> |
用于定義文檔的頭部，它是所有頭部元素的容器搂橙。 |
<title>...</title> |
文檔的標(biāo)題 |
<meta>...</meta> |
提供有關(guān)頁面的元信息 |
<body>...</body> |
文檔的內(nèi)容 |
<h1>...</h1> |
一級(jí)標(biāo)題歉提，h1h6分別對(duì)應(yīng)六級(jí)標(biāo)題，從16標(biāo)題一次減小 |
<p>...</p> |
整段文字 |
<a>...</a> |
定義錨区转，即在頁面插入鏈接 |
<img> |
圖片 |
<ul>...</ul> |
無序列表 |
<ol>...</ol> |
有序列表 |
<li>...</li> |
列表項(xiàng) |
<br> |
換行 |
<div>...</div> |
定義文檔中的節(jié)苔巨，默認(rèn)表現(xiàn)為塊元素 |
<span>...</span> |
定義定義文檔中的節(jié)，默認(rèn)表現(xiàn)為行內(nèi)元素 |
<em>...</em> |
定義強(qiáng)調(diào)文本 |
<i>...</i> |
定義斜體字 |
<strong>...</strong> |
定義強(qiáng)調(diào)文本 |
<q>...</q> |
定義短引用 |
