前端面試之HTML篇

1. 文檔聲明

第一行通常是 <！DOCTYPE HTML>，請介紹一下DOCTYPE的作用

<！DOCTYPE HTML>标簽是一種标準通用标記語言的文檔類型聲明，且必須聲明在文檔的第一行，來告知浏覽器用何種文檔标準來解析這個網頁，不同的渲染模式會影響浏覽器對CSS和JavaScript的解析标準。

文檔的解析模式：

1. 怪異模式（quirks mode）：此種模式會模拟更舊的浏覽器的行為。如果沒有聲明DOCTYPE，浏覽器預設會以這種模式解析文檔。
2. 标準模式（standards mode）：浏覽器使用W3C的标準解析渲染頁面。

2.meta标簽

可參考我另一篇部落格https://blog.csdn.net/qq_41867900/article/details/114279049?spm=1001.2014.3001.5501

3.title标簽

title中的内容會顯示在浏覽器的标題欄，搜尋引擎會主要根據title中的内容來判斷網頁的主要内容。

4. HTML語義化

什麼是HTML語義化，語義化的作用是什麼？

語義化是指使用恰當語義的html标簽，讓頁面具有良好的結構與含義。

語義化的作用有兩點：

開發者友好：使用語義類标簽增強代碼的可讀性，開發者也能夠清晰地看出網頁的結構，易維護；

機器友好：帶有語義的标簽适合搜尋引擎的爬蟲爬取有效資訊，能快速生成網頁骨架或文章提綱，SEO友好。

5.塊元素&行内元素

在網頁當中一般用塊元素對頁面進行布局。常用

<div>

div、ul、li、dl、dt、dd、p、h1-h6、blockquote

行内元素主要用來包裹文字。常用

<span>

a、b、span、img、input、strong、select、label、em、button、textarea

6. src&href

src是指向外部資源的位置，指向的内容會嵌入到文檔中目前标簽所在的位置，在請求src資源時會将其指向的資源下載下傳并應用到文檔内，如JS腳本，img圖檔和frame等元素。當浏覽器解析到該元素時，會暫停其他資源的下載下傳和處理，直到将該資源加載、編譯、執行完畢，是以一般JS腳本會放在底部而不是頭部。

href是指向網絡資源所在位置（的超連結），用來建立和目前元素或文檔之間的連接配接，當浏覽器識别到它他指向的檔案時，就會并行下載下傳資源，不會停止對目前文檔的處理