1. 什么是 ?是否需要在 HTML5 中使用?

參考答案：

它是 HTML 的文檔聲明，通過它告訴瀏覽器，使用哪一個 HTML 版本標(biāo)準(zhǔn)解析文檔。

在瀏覽器發(fā)展的歷史中，HTML 出現(xiàn)過很多個版本，不同版本在元素、屬性等書寫格式上略有差異，如果不預(yù)先告訴瀏覽器，瀏覽器就不知道我們的文檔標(biāo)準(zhǔn)是什么，在這種情況下，大部分瀏覽器將開啟最大兼容模式來解析網(wǎng)頁，我們稱之為怪異模式。這不僅會降低解析效率，而且會在解析過程中產(chǎn)生一些難以預(yù)知的 bug，所以文檔聲明是必須的。

而文檔聲明有多種書寫格式，對應(yīng)不同的 HTML 版本， 這種書寫是告訴瀏覽器，整個文檔使用 HTML5 的標(biāo)準(zhǔn)進(jìn)行解析。

2. 什么是可替換元素，什么是非可替換元素，它們各自有什么特點?

參考答案：

可替換元素是指這樣一種元素，它在頁面中的大部分展現(xiàn)效果不由 CSS 決定。

比如 img 元素就是一個可替換元素，它在頁面中顯示出的效果主要取決于你連接的是什么圖片，圖片是什么它就展示什么，CSS 雖然可以控制圖片的尺寸位置，但永遠(yuǎn)無法控制圖片本身。

再比如，select 元素也是一個典型的可替換元素，它在頁面上呈現(xiàn)的是用戶操作系統(tǒng)上的下拉列表樣式，因此，它的展現(xiàn)效果是由操作系統(tǒng)決定的。所以，同一個 select 元素，放到不同操作系統(tǒng)的電腦上會呈現(xiàn)不同的外觀。

img、video、audio、大部分表單元素都屬于可替換元素。

非可替換元素就是指的普通元素，它具體在頁面上呈現(xiàn)什么，完全由 CSS 來決定。

3. src 和 href 的區(qū)別(京東)

參考答案：

它們都是 HTML 中特定元素的屬性。

src 是 source 的縮寫，它通常用于 img、video、audio、script 元素，通過 src 屬性，可以指定外部資源的來源地址。

href 是 hyper reference 的縮寫，意味「超引用」，它通常用于 a、link 元素，通過 href 屬性，可以標(biāo)識文檔中引用的其他超文本。

4. 說說常用的 meta 標(biāo)簽

參考答案：

meta 標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上，但是對于機器是可讀的。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面)，搜索引擎(關(guān)鍵詞)，或其他 web 服務(wù)。

常用的 meta 標(biāo)簽的屬性有：

content ，設(shè)置或返回 meta 元素的 content 屬性的值 。

http-equiv，把 content 屬性連接到一個 HTTP 頭部。

name，把 content 屬性連接到某個名稱。

關(guān)于 meta 標(biāo)簽，回答出常用的一些屬性值即可，不用全部背下來。

5. 說說對 html 語義化的理解

參考答案：

去掉或者丟失樣式的時候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)

有利于 SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重;

方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動設(shè)備)以意義的方式來渲染網(wǎng)頁;

便于團(tuán)隊開發(fā)和維護(hù)，語義化更具可讀性，是下一步吧網(wǎng)頁的重要動向，遵循 W3C 標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化。 HTML5 中新增加的很多標(biāo)簽(如：

、、和等) 就是基于語義化設(shè)計原則)下面就是語義化 html 代碼;

<div id="header">
   <h1>標(biāo)題</h1>
   <h2>專注Web前端技術(shù)</h2>
</div>

總結(jié)一下，總之就是：

• 用正確的標(biāo)簽做正確的事情!
• html 語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于對瀏覽器、搜索引擎解析;
• 在沒有樣式 CCS 情況下也以一種文檔格式顯示，并且是容易閱讀的。
• 搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重，利于 SEO。
• 使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。

以上就是“常見考題：html面試題及答案”，你能回答上來嗎?如果想要了解更多的Java面試題相關(guān)內(nèi)容，可以關(guān)注動力節(jié)點Java官網(wǎng)。