面向面試之 HTML 篇

1. （必考）你是如何理解 HTML 語義化？

• HTML 語義化就是使用正確的標籤，段落就寫 p 標籤，標題就寫 h1 - h6 標籤，文章就寫article標籤，視訊就寫video標籤 。

語義化就是類似上圖中的結構，而不只是使用 DIV + CSS 的結構。

HTML 語義化

2.（必考） meta viewport 是做什麼用的，怎麼寫？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
複製程式碼

meta viewport MDN

3. 你用過哪些 HTML5 標籤？

• HTML5 中的區塊和段落元素： header、footer、 aside 、section、 article
• 使用 HTML5 的音訊和視訊： audio、video 元素嵌入和允許操作新的多媒體內容。
• Canvas

MDN HTML5 詳細教程

4. H5 是什麼？

H5 ，實際上是一個解決方案，一個看起來酷炫的移動端onepage網站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標籤，canvas，拖拽特性，本地儲存，websocket通訊，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。

王德福: H5 是什麼?

5. 行內元素？塊級元素？

元素簡介

• 行內元素： button, input, label, select, textareastrong a, br, img, script, span

• 塊元素: div 、article、aside、audio、canvas 、footer、form、h1 - h6 、header、p、ul 、section、table、video

區別

• 內容 一般情況下，行內元素只能包含資料和其他行內元素。 而塊級元素可以包含行內元素和其他塊級元素。這種結構上的包含繼承區別可以使塊級元素建立比行內元素更”大型“的結構。
• 格式： 預設情況下，行內元素不會以新行開始，而塊級元素會新起一行。

行內元素 MDN

塊級元素 MDN

後記

HTML 面試題比較少(我猜的，我也沒面過) ，基本上就這麼幾道高頻題目

文章為個人總結，不足之處還請留言或私信。

轉載請註明出處。

以上。