1.HTML、XML、XHTML 有什么區(qū)別
- HTML是超文本標記語言，是語法比較松散的，不嚴格的web語言
- XML是可擴展標記語言，主要用于存儲數(shù)據(jù)和結構的參考，語法很嚴格
- XHTML是可擴展超文本標記語言，基于XML，作用與HTML類似，但是語法比HTML要嚴格的多
- HTML和XHTML設計的宗旨都是為了顯示數(shù)據(jù)，而XML宗旨則是傳輸數(shù)據(jù)
- XML的標簽沒有被預定義
2.怎樣理解 HTML 語義化
- 語義化HTML是一種編寫HTML的方式
- 選擇合適的標簽、使用合理的代碼結構，便于開發(fā)者閱讀，同時讓瀏覽器的爬蟲和機器很好地解析。
3.怎樣理解內容與樣式分離的原則
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上，讓 HTML 能體現(xiàn)頁面結構或者內容。之后再去寫樣式。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化
- HTML 內不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內樣式
4.有哪些常見的meta標簽
charset表明網頁的編碼格式：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
secription表示網頁描述：
<meta name="description" content="網頁描述" />
keywords表示關鍵字，用于SEO搜索
<meta name="keywords" content="關鍵詞" />
5.文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html>
的作用?
- <!doctype html>作用：<!doctype html>就是文檔聲明，聲明此文檔是html5的格式，用來告訴瀏覽器的渲染方式。如果不添加此句標簽，則瀏覽器默認會用自己的類型來解析文本，就會出現(xiàn)每個瀏覽器可能最終渲染出來的樣式都不一樣。加上了這句話，就是告訴瀏覽器，用html5的標準來渲染，那么大家最后展現(xiàn)出來的頁面就是用統(tǒng)一的標準顯示的
**嚴格模式 **是指用標準格式來渲染頁面， **混雜模式 **則是向下兼容的一種格式。這兩種模式要看是否用了doctype的文檔申明以及申明的dtd類型來確定。
（1）<!DOCTYPE>聲明位于位于HTML文檔中的第一行，處于 <html> 標簽之前。告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現(xiàn)。
（2）標準模式的排版 和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。
6.瀏覽器亂碼的原因是什么？如何解決
- 原因：編輯器保存編寫的HTML文件時，選用的編碼格式和瀏覽器默認的編碼格式不一致；
- 解決：設置HTML文件的字符編碼格式為保存的格式
<meta charset="utf-8">
7.常見的瀏覽器有哪些，什么內核
- 常見瀏覽器包括微軟的IE、谷歌的Grome、Firefox、opera、360(極速)、搜狗、QQ、百度、UC瀏覽器
- 內核定義：
主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。
JS引擎則：解析和執(zhí)行javascript來實現(xiàn)網頁的動態(tài)效果。
- 常見內核
一、Trident內核
代表產品Internet Explorer，又稱其為IE內核。Trident（又稱為MSHTML），是微軟開發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括：IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko內核
代表作品Mozilla FirefoxGecko是一套開放源代碼的、以C++編寫的網頁排版引擎。Gecko是最流行的排版引擎之一，僅次于Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。
三、WebKit內核
代表作品Safari、Chromewebkit 是一個開源項目，包含了來自KDE項目和蘋果公司的一些組件，主要用于Mac OS系統(tǒng)，它的特點在于源碼結構清晰、渲染速度極快。缺點是對網頁代碼的兼容性不高，導致一些編寫不標準的網頁無法正常顯示。主要代表作品有Safari和Google的瀏覽器Chrome。
**四、Presto內核
代表作品OperaPresto是由Opera Software開發(fā)的瀏覽器排版引擎，供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎，包括加入動態(tài)功能，例如網頁或其部分可隨著DOM及Script語法的事件而重新排版。
**
8.列出常見的標簽，并簡單介紹這些標簽用在什么場景
(1)dl dt dd ...：用于展示一系列標題內容的場景
代碼：
Paste_Image.png
顯示：
Paste_Image.png
(2)ul li和ol li： ul li 是無序列表, ol li是有序列表
代碼如下：
<ul>求職
<li>智聯(lián)招聘</li>
<li>前程無憂</li>
<li>51job</li>
<li>拉勾網</li>
</ul>
<ol>前端
<li>javascript</li>
<li>html</li>
<li>css</li>
</ol>
效果是：
(3)button：按鈕標簽
(4)strong,em,span
- em：強調
- strong：很重要，強調性更強（比em）
- span：修飾一段文字，可以對一個元素內的文字的一部分加上 不同的顏色等css樣式
(5)h1,h2...h6：不同級別的標簽
(6)p：段落，表示一段文字
(7)a：表示鏈接，鏈接到一個地址
- 跳轉到一個網頁地址：href是地址，target打開方式，title是光標移動到a標簽上后的提示文字
<a
target="_blank" title="It's title!">饑人谷視頻</a>
- 焦點跳到指定id的標簽：'#' 后面就是id
<a href="#id">點這里焦點將跳轉到指定Id的標簽</a>
(8)img：展示一張圖片
- src：圖片地址
- alt：圖片加載失敗后提示的文字
