什麼是語義化的HTML 為什麼要做到語義化

2022-07-17 14:30:10 字數 1513 閱讀 8685

語義化的html就是寫出的html**,符合內容的結構化(內容語義化),選擇合適的標籤(**語義化),能夠便於開發者閱讀和寫出更優雅的**的同時讓瀏覽器的爬蟲和機器很好地解析。

2.在沒有css的時候能夠清晰的看出網頁的結構,增強可讀性。

3.便於團隊開發和維護,語義化的html可以讓開發者更容易的看明白,從而提高團隊的效率和協調能力。

4.支援多終端裝置的瀏覽器渲染。

在做前端開發的時候要記住:html 告訴我們一塊內容是什麼(或其意義),而不是它長的什麼樣子,它的樣子應該由css來決定。

寫語義化的 html 結構其實很簡單,首先掌握 html 中各個標籤的語義,在看到內容的時候想想用什麼標籤能更好的描述它,是什麼就用什麼標籤。

~,作為標題使用,並且依據重要性遞減,是最高的等級。

段落標記,知道了 作為段落,你就不會再使用

來換行了,而且不需要

來區分段落與段落。中的文字會自動換行,而且換行的效果優於

。段落與段落之間的空隙也可以利用 css 來控制,很容易而且清晰的區分出段落與段落。

、、,無序列表,這個被大家廣泛的使用,有序列表也挺常用。在 web 標準化過程中,還被更多的用於導航條,本來導航條就是個列表,這樣做是完全正確的,而且當你的瀏覽器不支援 css 的時候,導航鏈結仍然很好使,只是美觀方面差了一點而已。

、、,就是「定義列表」。比如說詞典裡面的詞的解釋、定義就可以用這種列表。

、,是用作強調,是用作重點強調。

、、、, (x)html中的**不再是用來布局。

語義化的html就是寫出的html**,符合內容的結構化(內容語義化),選擇合適的標籤(**語義化),能夠便於開發者閱讀和寫出更優雅的**的同時讓瀏覽器的爬蟲和機器很好地解析。

2.在沒有css的時候能夠清晰的看出網頁的結構,增強可讀性。

3.便於團隊開發和維護,語義化的html可以讓開發者更容易的看明白,從而提高團隊的效率和協調能力。

4.支援多終端裝置的瀏覽器渲染。

在做前端開發的時候要記住:html 告訴我們一塊內容是什麼(或其意義),而不是它長的什麼樣子,它的樣子應該由css來決定。

寫語義化的 html 結構其實很簡單,首先掌握 html 中各個標籤的語義,在看到內容的時候想想用什麼標籤能更好的描述它,是什麼就用什麼標籤。

~,作為標題使用,並且依據重要性遞減,是最高的等級。

段落標記,知道了 作為段落,你就不會再使用

來換行了,而且不需要

來區分段落與段落。中的文字會自動換行,而且換行的效果優於

。段落與段落之間的空隙也可以利用 css 來控制,很容易而且清晰的區分出段落與段落。

、、,無序列表,這個被大家廣泛的使用,有序列表也挺常用。在 web 標準化過程中,還被更多的用於導航條,本來導航條就是個列表,這樣做是完全正確的,而且當你的瀏覽器不支援 css 的時候,導航鏈結仍然很好使,只是美觀方面差了一點而已。

、、,就是「定義列表」。比如說詞典裡面的詞的解釋、定義就可以用這種列表。

、,是用作強調,是用作重點強調。

、、、, (x)html中的**不再是用來布局。

HTML語義化是什麼?為什麼要語義化?

經過檢視別人博文中的一些描述,我將html的語義化總結為 用最恰當的標籤來標記內容。該如何理解呢?比如需要加入乙個標題,這個標題的字型比正文的要大寫,還要加粗。能夠實現這種效果的方法有很多,比如用css樣式進行渲染。這樣的效果看起來像是乙個標題,但是他對瀏覽器來說,只是乙個被渲染過的文字,無法知道他...

什麼是語義化的HTML 為什麼要做到語義化

語義化的html就是寫出的html 符合內容的結構化 內容語義化 選擇合適的標籤 語義化 能夠便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2.在沒有css的時候能夠清晰的看出網頁的結構,增強可讀性。3.便於團隊開發和維護,語義化的html可以讓開發者更容易的看明白,從而提高團...

什麼是HTML語義化

1.什麼是語義化 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2.語義化的好處 a.為了在沒有css的情況下,頁面也能呈現出很好地內容結構 結構 d.方便其他裝置解析 如螢幕閱讀器 盲人閱讀器 移動裝置 以有意義的方式來渲...