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

參考答案：

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

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

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

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

參考答案：

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

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

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

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

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

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

參考答案：

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

src 是 source 的縮寫(xiě)，它通常用于 img、video、audio、script 元素，通過(guò) src 屬性，可以指定外部資源的來(lái)源地址。

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

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

參考答案：

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

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

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

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

name，把 content 屬性連接到某個(gè)名稱(chēng)。

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

5. 說(shuō)說(shuō)對(duì) html 語(yǔ)義化的理解

參考答案：

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

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

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

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

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

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

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

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

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