HTML、XML、XHTML 有什么區(qū)別
- HTML全名是“超文本標記語言”，是語法較為松散的汁胆、不嚴格的Web語言。
- XML全名是“可擴展標記語言”力崇，主要用于存儲數(shù)據(jù)和結(jié)構(gòu)參考硬爆。
- XHTML全名是“可擴展超文本置標語言”，基于XML滞伟，作用與HTML類似揭鳞，和HTML最大的區(qū)別就在于它更嚴謹而且語義化更強。</p>
怎樣理解 HTML 語義化
語義化HTML是一種編寫HTML的方式梆奈。選擇合適的標簽野崇、使用合理的代碼結(jié)構(gòu)，便于開發(fā)者閱讀亩钟，同時讓瀏覽器的爬蟲和機器很好地解析乓梨。
怎樣理解內(nèi)容與樣式分離的原則
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容清酥。之后再去寫樣式扶镀。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式焰轻，而是通過給元素添加刪除class來控制樣式變化臭觉。
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式。
有哪些常見的meta標簽
（1）<meta charset="utf-8">：保存當前頁面為utf-8的編碼格式蝠筑。
（2）<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">：對于雙核瀏覽器可以以IE模式渲染頁面狞膘，也可以以chrome模式渲染頁面。
（3） <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">：在移動端能合理展示頁面什乙。
（4） <meta name="keywords" content="前端 饑人谷">：向搜索引擎說明當前網(wǎng)頁的關鍵詞 挽封。
（5） <meta name="description" content="最有愛的前端學習社區(qū)">：告訴搜索引擎當前站點的主要內(nèi)容
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明作用是告訴瀏覽器文檔中包含的內(nèi)容屬于什么類型，以便用相應的規(guī)則來解釋和處理各種標記稳强。若使用了不正確的文檔聲明场仲，瀏覽器會按自己的方式進行解析，可能導致頁面亂碼退疫。因此一個標準的HTML文檔必須包含相應的文檔類型聲明渠缕，它位于文檔的最開始處。
當瀏覽器廠商開始創(chuàng)建與標準兼容的瀏覽器時褒繁，他們希望確保向后兼容性亦鳞。為了實現(xiàn)這一點，他們創(chuàng)建了兩種呈現(xiàn)模式：嚴格模式和混雜模式
在嚴格模式中棒坏，瀏覽器以其支持的最高標準呈現(xiàn)頁面燕差，不允許使用任何表現(xiàn)層的語法。
在混雜模式中坝冕，頁面以一種比較寬松的向后兼容的方式顯示徒探。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作喂窟。<!doctype html>聲明文檔的解析類型為HTML测暗，告知瀏覽器文檔使用HTML規(guī)范解析。
瀏覽器亂碼的原因是什么磨澡？如何解決
瀏覽器亂碼產(chǎn)生的原因是html文檔的編碼和瀏覽器編碼方式不同碗啄，導致瀏覽器解析出來的是亂碼。
解決方法：首先要知道html文件的編碼方式稳摄，然后在html文件中設置例如<meta charset=“utf-8”>這種樣式稚字，讓瀏覽器用相同的編碼方式打開文件。
常見的瀏覽器有哪些厦酬，什么內(nèi)核
- IE：Trident內(nèi)核胆描，又稱其為IE內(nèi)核。
- Chrome：WebKit內(nèi)核仗阅。
- Safari：WebKit內(nèi)核昌讲。
- Firefox：Gecko內(nèi)核。
列出常見的標簽霹菊，并簡單介紹這些標簽用在什么場景。
<!DOCTYPE>: 定義文檔類型。
<html></html> 創(chuàng)建一個HTML文檔旋廷。
<head></head>: 定義文檔的頭部鸠按。
(1). <meta>: 定義元素可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞饶碘。
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="前端 饑人谷">
<meta name="description" content="最有愛的前端學習社區(qū)">
(2). <title></title>: 定義文檔的標題目尖。
<body></body>：定義文檔的主體。
(1). <h1>—<h6>：定義 HTML 標題扎运。
(2). <p></p>： 定義段落瑟曲。
(3). <a></a>： 定義超鏈接。最重要的屬性是 href 屬性豪治。
<a target="_blank" title="饑人谷">饑人谷.com</a>
<a href="#">饑人谷.com</a>
<a href="#about">饑人谷.com</a>
<a href="/getCourse">饑人谷.com</a>
(4). 強調(diào)
<em></em>:定義強調(diào)文本洞拨。（斜體）
<strong></strong>：定義語氣更為強烈的強調(diào)文本。（加粗）
<span></span>：沒有語義的负拟，它的作用就是為了設置單獨的樣式用的烦衣。
(5). <img>：定義圖片 
(6). <div></div>：定義塊級元素。
(7). <br>:定義換行掩浙。
(8). <table></table>:定義表格花吟。
<th>:定義表頭.
<tr>:定義一行.
<td>:定義單元格.
(9). <ul></ul>無序列表。子元素為li 厨姚。
(10). <ol></ol>有序列表衅澈。子元素為li 。
(11). <dl></dl>:定義自定義列表谬墙。
<dt></dt>:定義自定義列表項今布。
<dd></dd>:定義自定義的描述。
(12). <button></button>：定義按鈕芭梯。
(13). <iframe></iframe>內(nèi)嵌框架险耀。注意跨域操作問題。
<iframe src="http://jirengu.com" name="myPage"></iframe>
<p><a target="myPage">百度</a></p>
