HTML萧芙、XML、XHTML相關(guān)性與區(qū)別性
- Html（Hyper Text Markup Language） 超文本標(biāo)記語(yǔ)言，是語(yǔ)法較為松散的朽寞、不嚴(yán)格的web語(yǔ)言炒瘟。
- Xml （Extensible Markup Language） 可擴(kuò)展標(biāo)記語(yǔ)言吹埠，主要用于存儲(chǔ)數(shù)據(jù)和機(jī)構(gòu)，XML是用戶創(chuàng)建特定語(yǔ)言如HTML的一種通用語(yǔ)言。它是指XML提供一種基本結(jié)構(gòu)以及標(biāo)記語(yǔ)言必須遵守的一組規(guī)則缘琅。使用XML可以創(chuàng)建一種獨(dú)特的標(biāo)記語(yǔ)言來(lái)描述任何一種信息粘都，包括網(wǎng)頁(yè)。XML提供了基礎(chǔ)規(guī)則刷袍，以統(tǒng)一的方式來(lái)組織信息翩隧。
- Xhtml（Extensible Hyper Text Markup Language）可擴(kuò)展超文本標(biāo)記語(yǔ)言，基于xml,作用與html類似,xhtml對(duì)比與html呻纹，xhtml文檔具有良好完整的排版堆生。
怎樣理解HTML語(yǔ)義化
語(yǔ)義化 HTML 就是選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)來(lái)編寫HTML的方式居暖，使代碼更具可讀性顽频，也使得瀏覽器的爬蟲和機(jī)器能對(duì)代碼更好地解析。
要實(shí)現(xiàn)HTML的語(yǔ)義化太闺，就要求開發(fā)者掌握常用的HTML標(biāo)簽糯景，理解各種標(biāo)簽所代表的含義，在不同的場(chǎng)景能使用合適的標(biāo)簽省骂，盡量不使用沒有語(yǔ)義信息的標(biāo)簽蟀淮。
語(yǔ)義化帶來(lái)的是更清晰的頁(yè)面結(jié)構(gòu)，使頁(yè)面可讀性更強(qiáng)钞澳；更清晰的代碼結(jié)構(gòu)怠惶，更利于開發(fā)團(tuán)隊(duì)的開發(fā)和維護(hù)；更好的適應(yīng)性轧粟，可以支持更多的設(shè)備的不同表現(xiàn)形式策治；與機(jī)器更良好的溝通，使瀏覽器更容易渲染表現(xiàn)兰吟，也使搜索引擎更容易獲取有效信息通惫。
怎樣理解內(nèi)容與樣式分離原則
- 1 寫 HTML 僅處理內(nèi)容，只考慮 HTML 的結(jié)構(gòu)和語(yǔ)義化混蔼，避免出現(xiàn)屬性樣式履腋。
- 2寫 JS 的時(shí)候，盡量不使用 JS直接操作樣式惭嚣。
- 3頁(yè)面展現(xiàn)的所有樣式遵湖，都由CSS來(lái)負(fù)責(zé)實(shí)現(xiàn)。
有哪些常見的meta標(biāo)簽
1.設(shè)定編碼格式
2.優(yōu)先使用IE的最新版本和Chrome
3.在移動(dòng)端展示頁(yè)面
4.優(yōu)化搜索引擎
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么? <!doctype html>的作用?
<!doctype>標(biāo)簽用來(lái)聲明文檔對(duì)象模型晚吞，用來(lái)告訴瀏覽器應(yīng)該使用哪種方式來(lái)解析渲染頁(yè)面延旧。嚴(yán)格模式就是使用<!doctype>標(biāo)簽來(lái)顯式聲明該用哪種方式來(lái)渲染頁(yè)面，混雜模式即不加<!doctype>標(biāo)簽槽地，允許瀏覽器使用自己的方式來(lái)渲染頁(yè)面垄潮。
<!doctype html>即就是聲明使用HTML5來(lái)解析渲染頁(yè)面烹卒。
瀏覽器亂碼的原因是什么？如何解決
瀏覽器出現(xiàn)亂碼一般是由于在制作頁(yè)面時(shí)使用非英文字符時(shí)弯洗，保存的編碼格式與瀏覽器解析時(shí)的解碼格式不匹配旅急。為了解決這個(gè)問(wèn)題，就要在頁(yè)面保存時(shí)就在HTML的<head>里添加<meta charset="">來(lái)聲明編碼格式牡整，來(lái)告訴瀏覽器應(yīng)該用什么解碼格式來(lái)解碼藐吮，例如使用UTF-8來(lái)編碼的頁(yè)面，添加<meta charset="UTF-8">`來(lái)告訴瀏覽器使用UTF-8格式來(lái)解碼逃贝，就不會(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。
常見標(biāo)簽及應(yīng)用場(chǎng)景
- h1......h6 標(biāo)題
<h1>一級(jí)標(biāo)題</h1> - p 段落
<p>這里是段落</p> - a 鏈接(鏈接到一個(gè)地址)
<a title="饑人谷“>饑人谷号坡。com</a> - img 展示一張圖片
(自閉合標(biāo)簽) - div用于給頁(yè)面劃分區(qū)塊
<div id="header">...</div>(id 用于給元素添加標(biāo)記） - ul li unsort list無(wú)序列表 ul的直接元素是li 可以嵌套
<ul class="nav"> <li><a href="#">首頁(yè)</a></li> </ul> - ol li order list有序列表 ol的子元素只能是li 可以嵌套
<ol> <li>第一步</li> <li>第二步</li> <li>第三步</li> </ol>
注：對(duì)于有序和無(wú)序列表的選擇根據(jù)元素的并列關(guān)系 - dl dt dd 用于展示一系列的“標(biāo)題懊烤、內(nèi)容”場(chǎng)景
<dl> <dt>標(biāo)題</dt> <dd>內(nèi)容</dd> </dl> - button 按鈕
<button>點(diǎn)我中獎(jiǎng)</button> - strong、em宽堆、span 用于對(duì)于語(yǔ)句的強(qiáng)調(diào)（強(qiáng)度語(yǔ)義以此遞減）
<strong>111</strong> <em>222</em> <span>333</span>
11.0.
iframe 用于嵌入一個(gè)頁(yè)面(注意跨域操作問(wèn)題)
<iframe src="http://jirengu.com" name="mypage"</iframe>
<p><a >baidu.com</a><p>
