HTML最新面試題（筆試面試題）

HTML我們也學了那麼久了，是時候看一些面試題了，畢竟學習完找工作要面試，你工作能力再強，面試這一關還是要過得。所以面試題佔了很重要的成分。下面我來總結一部分，儘量全面一些，既要接近我們所學，又要滿足真實面試場景。

 

1、請說出XHTML和HTML的區別

 

答： 1、文件頂部doctype宣告不同，xhtml的doctype頂部宣告中明確規定了xhtml DTD的寫法；

         2、html元素必須正確巢狀，不能亂；

         3、屬性必須是小寫的；

         4、屬性值必須加引號；

         5、標籤必須有結束，單標籤也應該用  “/” 來結束掉；

    

2、請寫出至少5個HTML塊元素標籤

 

答： div  p  ul  li  table  h1 h2 h3 ... h6  form 等

 

3、請寫出至少5個HTML行內元素標籤

 

答：span  a  i  label  img  input  button  textarea select 等

 

4、請寫出table標籤下面會包含哪些標籤元素

 

答： tr th  td  thead  tbody  tfoot 等

 

5、很多網站不常用table  iframe這兩個元素，知道原因嗎？

 

答：因為瀏覽器頁面渲染的時候是從上至下的，而table 和 iframe 這兩種元素會改變這樣渲染規則，他們是要等待自己元素內的內容載入完才整體渲染。使用者體驗會很不友好。

 

6、jpg和png格式的圖片有什麼區別？

 

答： jpg是有失真壓縮格式，png是無失真壓縮格式。所以，相同的圖片，jpg體積會小。比如我們一些官網的banner圖，一般都很大，所以適合用jpg型別的圖片。但png分8位的和24位的，8位的體積會小很多，但在某些瀏覽器下8位的png圖片會有鋸齒。

 

7、請用html知識解決seo優化問題

 

答： 網站上線應該設定TDK

        TDK就是 ：

        

 

然後就是html語義化標籤，要簡潔，合理，這樣可以在css和js載入不全的時候，使我們的html文件儘量清晰的展示出來，而不會特別亂；

 

8、常用瀏覽器有哪些，核心都是什麼？

 

答： 常用瀏覽器有 IE 火狐(firefox)  chrome safari  360 搜狗 等

        核心：IE的是 Trident  

                    火狐的是 Gecko

                    chrome和safari 用的是 Webkit

                    360和搜狗這些分極速模式和相容模式，極速模式用的Webkit的核心，相容模式用的Trident核心。

 

9、請至少寫出5個H5的新標籤

 

答： header  nav  footer canvas datalist  article  mark 

 

10、a標籤在新視窗開啟連結怎麼加屬性？

 

答： <a target="_blank">連結</a>

 

11、寫了2個<a>標籤，兩個標籤之間有空格的情況遇到過嗎？

 

答：遇到過，一般換行寫的時候會出現這種情況。程式碼：

<a>我們</a>

<a>你們</a>

這樣“我們”和“你們”之間就會有明顯的空格，如圖：

 

                                                                   

怎麼樣，是不是空格挺明顯的。

 

解決辦法就是不換行寫，把兩個a標籤寫在一行裡。

 

12、form標籤上定義請求型別的是哪個屬性？定義請求地址的是哪個屬性？

 

答：form表單定義請求型別的是  method 屬性  ， 定義請求地址的是  action屬性

 

好啦，基本上html這部分面試題就這麼多，肯定還有沒有總結到的，這些面試題一定要會，甚至比我總結的多了更好。喜歡文章的小夥伴記得關注公眾號，幫助老師推廣哦。下面是公眾號二維碼：