語義化的HTML及其目的

2022-08-16 10:24:07 字數 756 閱讀 3167

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

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

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

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

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

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

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

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

來換行了,而且不需要

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

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

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

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

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

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

html語義化標籤 HTML語義化

html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員,由於對頁面的美化需求還處在最基本的層面,因此大多使用標籤,這樣的缺點也很明顯,後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升,催生了這一階段的 美工 人員,對標籤的使用也...

HTML新增的語義化標籤及其作用

在html5中,新增了幾個語義化標籤 和等。1.什麼是html語義化?通過標籤判斷內容語義,例如根據h1標籤判斷出內容是標題,根據判斷內容是段落 標籤是輸入框等。2.為什麼要語義化?1 去掉或樣式丟失的時候能讓頁面呈現清晰的結構 2 方便其他裝置解析 如螢幕閱讀器 盲人閱讀器 移動裝置 以意義的方式...

語義化的HTML

1.什麼是語義化的html?我的理解為 可以根據標籤名知道標籤要涵蓋的內容,比如說表示強調,表示列表 2.語義化html的作用 1 有利於seo的搜尋,網路爬蟲會根據網頁上的標籤來區分內容的權重 2 有利於 的維護,一般網頁的維護者更喜歡看到一連串的語義化標籤,而不是大量的沒有意義的div 3 在沒...