1. 程式人生 > 其它 >web面試(三)HTML/HTML5

web面試(三)HTML/HTML5

1. 行內元素有哪些,塊級元素有哪些,空(void)元素有那些

行內元素:aspaniimginputselectb

塊級元素:divulollih1~h6ptable

空元素:brhrlink

2. HTML5的新特性有哪些

HTML5的十大新特性

3. 簡述一下你對HTML語義化的理解

  • 有利於SEO:和搜尋引擎建立良好溝通,有助於爬蟲抓取更多的有效資訊:爬蟲依賴於標籤來確定上下文和各個關鍵字的權重;

  • 語義化的HTML在沒有CSS的情況下,頁面也能呈現較好的內容結構與程式碼結構

  • 方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置)以有意義的方式來渲染網頁(可以提之前的無障礙開發,聊一下)

  • 便於團隊開發和維護

4. SVG 與 Canvas兩者間的區別

SVG 是一種使用 XML 描述 2D 圖形的語言。

Canvas 通過 JavaScript 來繪製 2D 圖形。

SVG 基於 XML,這意味著 SVG DOM 中的每個元素都是可用的。您可以為某個元素附加 JavaScript 事件處理器。

在 SVG 中,每個被繪製的圖形均被視為物件。如果 SVG 物件的屬性發生變化,那麼瀏覽器能夠自動重現圖形。

Canvas 是逐畫素進行渲染的。在 canvas 中,一旦圖形被繪製完成,它就不會繼續得到瀏覽器的關注。如果其位置發生變化,那麼整個場景也需要重新繪製,包括任何或許已被圖形覆蓋的物件。

5. src與href的區別

1、src 用於替代這個元素,在可替換的元素上使用src,而href用於建立這個標籤與外部資源之間的關係,指定網路資源的位置

2、href是非同步載入,而src是同步載入

<link href="style.css" rel="stylesheet" />瀏覽器載入到這裡的時候,html的渲染和解析不會暫停,css` 檔案的載入是同時進行的

<script src="script.js"></script>當瀏覽器解析到這句程式碼時,頁面的載入和解析都會暫停直到瀏覽器拿到並執行完這個js檔案