首頁 >web前端 >html教學 >HTML語意化的意思和意義是什麼

HTML語意化的意思和意義是什麼

coldplay.xixi
coldplay.xixi原創
2021-03-03 14:35:105535瀏覽

HTML語意化的意義與意義:1、有利於SEO,有利於搜尋引擎爬蟲更好的理解我們的網頁,從而獲取更多的有效信息,提升網頁的權重;2、在沒有CSS的時候能夠清楚的看出網頁的結構,並增強可讀性。

HTML語意化的意思和意義是什麼

本教學操作環境:windows7系統、html5版,DELL G3電腦。

HTML語意化的意義與意義:

一、什麼是語意化的HTML?

語意化的HTML就是正確的標籤做正確的事情,能夠便於開發者閱讀和寫出更優雅的程式碼​​的同時讓網路爬蟲很好地解析。

二、為什麼要做到語意化?

1、有利於SEO,有利於搜尋引擎爬蟲更好的理解我們的網頁,從而獲取更多的有效信息,提升網頁的權重。

2、在沒有CSS的時候能夠清楚的看出網頁的結構,增強可讀性。

3、方便團隊開發和維護,語意化的HTML可以讓開發者更容易的看明白,進而提升團隊的效率和協調能力。

4、支援多終端設備的瀏覽器渲染。

三、語意化HTML該怎麼做呢?

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

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

~

,作為標題使用,並且依據重要性遞減,

是最高的等級。

段落標記,知道了

作為段落,你就不會再使用
來換行了,而且不需要
來區分段落與段落。

中的文字會自動換行,而且換行的效果優於
。段落與段落之間的空隙也可以利用 CSS 來控制,很容易且清楚的區分出段落與段落。

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

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

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

            也不只為文字增加雙引號,而是代表這些文字是引用來的。

            , (X)HTML中的表格不再是用來佈局。

            相關學習推薦:html影片教學

            以上是HTML語意化的意思和意義是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

            陳述:
            本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn