前端面試 html語義化的理解

2021-10-05 01:33:14 字數 733 閱讀 7653

1、用正確的標籤做正確的事情!

2、html

語義化就是讓頁面的內容結構化,便於對瀏覽器、搜尋引擎解析;

3、在沒有樣式

css

情況下也以一種文件格式顯示,並且是容易閱讀的。

4、搜尋引擎的爬蟲依賴於標記來確定上下文和各個關鍵字的權重,利於

seo 。

1.標題語義化

2.語義化

(1)figcaption:圖注文本

(2)alt:給搜尋引擎看

(3)title:給使用者看

(注釋:alt與title的區別:

a、title通常當滑鼠滑動到元素上的時候顯示

b、alt

是 的特有屬性,是內容的等價描述,用於無法載入時顯示、讀屏

器閱讀。可提高可訪問性,除了純裝飾外都必須設定有意義的值,搜尋

引擎會重點分析。

3.表單語義化

(1)label-for:增強滑鼠的可用性

(2)legend:表單組標題

(3)fieldset:給表單分組

4.**語義化

(1) thead:表頭

(2) tbody:錶身

(3) tfoot:表腳

h5捨棄的標籤:s、 u、 big、 center、 frame。

理解HTML語義化

1 什麼是html語義化?基本上都是圍繞著幾個主要的標籤,像標題 h1 h6 列表 li 強調 strong em 等等 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2 為什麼要語義化?3 寫html 時應注意什麼?4 h...

理解HTML語義化

1 什麼是html語義化?基本上都是圍繞著幾個主要的標籤,像標題 h1 h6 列表 li 強調 strong em 等等 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2 為什麼要語義化?3 寫html 時應注意什麼?4 h...

HTML語義化的理解

什麼是語義化 就是寫的html結構,正確地運用標籤 為什麼要語義化 1.為了在沒有css的情況下頁面也能很好地展示頁面結構,結構 2.提高使用者體驗,例如img標籤的title和alt 3.有利於seo,有助於爬蟲抓取更多的有效資訊,爬蟲依賴於標籤來確定上下文 4.有利於開發和維護 寫html 時應...