HTML、XML、XHTML 有什么區(qū)別
- HTML：超文本標(biāo)記語言（Hyper Text Mark-up Language），是為網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息設(shè)計的一種置標(biāo)語言。HTML是一種語法較為松散的，不嚴(yán)格的Web語言。
- XML：可擴(kuò)展標(biāo)記語言（EXtensible Markup Language），使用一系列簡單的標(biāo)記描述數(shù)據(jù)，是一種簡單的數(shù)據(jù)存儲語言。
- XHTML：可擴(kuò)展超文本標(biāo)記語言（EXtensible HyperText Markup Language），是作為一種 XML 應(yīng)用被重新定義的 HTML。XHTML有著嚴(yán)格的語法要求，本質(zhì)上是一種從HTML向XML過度的技術(shù)。
怎樣理解 HTML 語義化
HTML標(biāo)簽可以分為有語義的標(biāo)簽，和無語義的標(biāo)簽。比如table表示表格，form表示表單，a標(biāo)簽表示超鏈接，strong標(biāo)簽表強調(diào)。無語義標(biāo)簽典型的有<div>,<span>等。為了使HTML更易于閱讀書寫，盡量使用有一定語義的標(biāo)簽。
HTML語義化的好處：
- 在沒有css時，也依然能夠呈現(xiàn)很好的內(nèi)容結(jié)構(gòu)，代碼結(jié)構(gòu)。
- 提高用戶體驗，比如：title，alt用于解釋名詞和圖片信息。
- 利于SEO，語義化能和搜索引擎建立良好的聯(lián)系，有利于爬蟲抓取更多的有效信息。
- 方便其他設(shè)備解析以語義的方式來渲染網(wǎng)頁。
- 便于團(tuán)隊開發(fā)和維護(hù)，語義化更具可讀性，減少差異化，利于規(guī)范化。
怎樣理解內(nèi)容與樣式分離的原則
一個網(wǎng)頁是由HTML、CSS以及JavaScript三部分組成的。寫HTML的時候先不管樣式，重點放在HTML的結(jié)構(gòu)和語義化上，讓HTML能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容之后再去寫樣。HTML內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式。寫JavaScript的時候，盡量不要用JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。內(nèi)容與樣式分離的好處是，因為CSS文件都是導(dǎo)入鏈接的，是另一個文件，和HTML文件大小沒關(guān)系，這樣就使HTML文件的大小變小，能夠更快的打開網(wǎng)頁。
有哪些常見的meta標(biāo)簽
元數(shù)據(jù)（Metadata）是數(shù)據(jù)的數(shù)據(jù)信息。
<meta> 標(biāo)簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端，但是會被瀏覽器解析。
META元素通常用于指定網(wǎng)頁的描述，關(guān)鍵詞，文件的最后修改時間，作者及其他元數(shù)據(jù)。
元數(shù)據(jù)可以被使用瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 Web 服務(wù)調(diào)用。
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與http-equiv或name屬性相關(guān)的元信息 |
| charset | character_set | 聲明頁面所用的字符編碼 |
| http-equiv | content-type / expire / refresh / set-cookie | 把content屬性關(guān)聯(lián)到HTTP頭部 |
| name | author / description / keywords / generator / revised / others | 把 content 屬性關(guān)聯(lián)到一個名稱 |
| scheme | format/URI | HTML5不支持。 定義用于翻譯 content 屬性值的格式 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
- <!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
- 嚴(yán)格模式和混雜模式是瀏覽器解析CSS時的兩種模式。
嚴(yán)格模式：又稱標(biāo)準(zhǔn)模式，是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
混雜模式：又稱怪異模式或兼容模式，是指瀏覽器用自己的方式解析代碼。
如何區(qū)分：瀏覽器解析時到底使用嚴(yán)格模式還是混雜模式，與網(wǎng)頁中的 DTD 直接相關(guān)。- 如果文檔包含嚴(yán)格的 DOCTYPE ，那么它一般以嚴(yán)格模式呈現(xiàn)。
- 包含過渡 DTD 和 URI 的 DOCTYPE ，也以嚴(yán)格模式呈現(xiàn)，但有過渡 DTD 而沒有 URI會導(dǎo)致頁面以混雜模式呈現(xiàn)。
- DOCTYPE 不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
- HTML5 沒有 DTD ，因此也就沒有嚴(yán)格模式與混雜模式的區(qū)別，HTML5 有相對寬松的語法，實現(xiàn)時，已經(jīng)盡可能大的實現(xiàn)了向后兼容。
- <!doctype html>為HTML5的文檔聲明，使用HTML5來渲染頁面。
瀏覽器亂碼的原因是什么？如何解決
- 亂碼產(chǎn)生的根本原因是保存的編碼格式和瀏覽器解析時的解碼格式不匹配導(dǎo)致的。
- 亂碼一般是英文以外的字符才會出現(xiàn)。
解決的辦法：清楚文件保存時的編碼方式，然后在HTML的meta標(biāo)簽中charset設(shè)為相應(yīng)的解碼方式。
常見的瀏覽器有哪些，什么內(nèi)核
Trident（IE內(nèi)核）：Internet Explorer、國產(chǎn)的絕大部分瀏覽器
Gecko：Mozilla Firefox
Presto：Opera
WebKit：Safari、Chrome、國產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 場景 |
|---|---|
| html | 網(wǎng)頁以<html>開始，以</html>結(jié)束，最基本必需的標(biāo)簽 |
| head | 文檔的頭部，設(shè)置網(wǎng)頁中不現(xiàn)實的信息，最基本必需的標(biāo)簽 |
| title | 定義文檔的標(biāo)題，它是 head 部分中唯一必需的元素 |
| meta | 位于文檔的頭部，不包含任何內(nèi)容，提供有關(guān)頁面的元信息 |
| body | 文檔的身體，顯示內(nèi)容，最基本必需的標(biāo)簽 |
| h1~h6 | 不同的標(biāo)題大小 |
| p | 段落標(biāo)簽，用于整段文字 |
| a | 超鏈接，用于從一張頁面鏈接到另一張頁面 |
| img | 展示一張圖片 |
| div | 用于給頁面劃分區(qū)塊，讓結(jié)構(gòu)更清晰 |
| span | 用來組合文檔中的行內(nèi)元素 |
| ul | 無序列表，用于表示并列的內(nèi)容 |
| ol | 有序列表，表示帶步驟或者編號的并列內(nèi)容 |
| li | 列表項 |
| button | 按鈕 |
| strong | 表示很重要，強調(diào)性強 |
| em | 表示強調(diào)一下 |
| ifram | 用于嵌入一個頁面，需要注意跨域問題 |
| table | 用于展示表格 |
