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

參考答案：

它是 HTML 的文檔聲明，通過它告訴瀏覽器，使用哪一個 HTML 版本標準解析文檔。

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

而文檔聲明有多種書寫格式，對應不同的 HTML 版本， 這種書寫是告訴瀏覽器，整個文檔使用 HTML5 的標準進行解析。

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

參考答案：

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

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

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

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

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

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

參考答案：

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

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

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

4. 說說常用的 meta 標簽

參考答案：

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

常用的 meta 標簽的屬性有：

content ，設置或返回 meta 元素的 content 屬性的值 。

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

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

關于 meta 標簽，回答出常用的一些屬性值即可，不用全部背下來。

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

參考答案：

去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構

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

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

便于團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循 W3C 標準的團隊都遵循這個標準，可以減少差異化。 HTML5 中新增加的很多標簽(如：

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

<div id="header">
   <h1>標題</h1>
   <h2>專注Web前端技術</h2>
</div>

總結一下，總之就是：

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

以上就是“常見考題：html面試題及答案”，你能回答上來嗎?如果想要了解更多的Java面試題相關內容，可以關注動力節點Java官網。