2021年前端面試題-HTML篇


1、<img>的title和alt有什么區別?

1、alt:圖片加載失敗時,顯示在網頁的替代文字
2、title:鼠標放在上面時顯示的文字
3、alt是必要屬性,title非必要

 2、WEB標准以及W3C標准是什么?

1、標簽閉合
2、標簽小寫
3、嵌套正確
4、外部鏈接css和js
5、提倡結構、表現和行為相分離(HTML結構、CSS表現、JavaScript行為)

 3、html5有哪些新特性,移除了哪些元素?

1)新增特性
      a、新增標簽
           header、footer、article、aside、audio、bdi、canvas、command、datails、embed、figcaption、figure、hgroup、Keygen、Mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video
      常用的標簽:article、aside、audio、video、canvas、footer、header、nav、section
        b、新增localStorage、sessionStorage
        c、新增contenteditable屬性(任何dom節點只要加上contenteditable="true"就可以變得可編輯)
        d、Geolocation 地理定位
(2)移除的元素
       <basefont> 默認字體,不設置字體,以此渲染,<font> 字體標簽,<center> 水平居中,<u> 下划線,<big> 大字體 
  <strike> 中橫線,<tt> 文本等寬

 4、XHTML和HTML有什么區別?

1、XHTML 元素必須被正確地嵌套。
2、XHTML 元素必須被關閉。
3、標簽名必須用小寫字母。
4、XHTML 文檔必須擁有根元素。

5、Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?

1. <!DOCTYPE> 聲明位於文檔中的最前面,處於 <html> 標簽之前。告知瀏覽器以何種模式來渲染文檔。 
2. 嚴格模式的排版和 JS 運作模式是  以該瀏覽器支持的最高標准運行。
3. 在混雜模式中,頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。
4. DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。

6、行內元素有哪些?塊級元素有哪些?空(void)元素有哪些?行內元素和塊級元素有什么區別?

行內元素
1、設置寬高無效
2、對margin僅設置左右方向有效,上下無效;padding上下左右都有效,會撐大空間
3、不會自動進行換行

塊級元素
1、能夠識別設置寬高
2、margin和padding的上下左右均對其有效
3、獨占一行

7、HTML全局屬性(global attibute)有哪些?

HTML屬性賦予元素意義和語境,可以用於任何的HTML元素
1、class:為元素設置標識
2、data-*:為元素增加自定義屬性
3、Id:元素Id ,文檔內唯一
4、lang:元素內容的語言
5、style:行內css樣式
6、title:元素相關的建議信息
7、dir:規定元素中內容的文本方向(ltr:從左到右,rtl:從右到左)
8、contenteditable:html新增屬性,設置true后可編輯元素
9、hidden:隱藏一個html元素

8、canvas和svg有什么區別 ?

canvas
1、可伸縮矢量圖形
2、放大縮小不會失真

SVG
1、HTML新加的元素
2、使用XML描述2D圖形的語言

9、HTML5為什么只需要寫<!DOCTYPE HTML>

<!DOCTYPE HTML> 是文檔類型聲明,它聲明了文檔類型為html5,告訴瀏覽器和其他開發者,該文檔使用的是html5標准

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM