html5為什麼要用語意元素-前端問答-PHP中文網

html5使用語意元素可以：1、增加網站的可訪問性，有助於創建更好的網站結構；2、利於後期修改和維護；3、方便螢幕閱讀器和其他輔助工具對頁面進行掃描，為讓身心障礙者提供更好的上網體驗；4、利於搜尋引擎優化。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

任何語言在溝通過程中理解單字的意思都是至關重要的。如果這是電腦通信，那麼它將變得更加關鍵。因此，HTML5提供了更多的語意元素，可以輕鬆理解程式碼。

因此，語意定義了單字和片語的意義，即

語意元素=具有意義的元素。語意元素對瀏覽器和開發人員都具有簡單明了的含義。

例如：

在HTML4中，我們看到了 ， 等是非語意元素。他們沒有透露任何內容。

另一方面， ， 和 等是語義元素，因為它們清楚地定義了它們的內容。

HTML5語意元素得到了所有的主流瀏覽器支援。

為什麼要使用語意元素？

在HTML4中，開發人員必須使用自己的id/class名稱來設定元素的樣式：標頭，頂部，底部，頁腳，選單，導航，主要內容，容器，內容，文章，側邊欄，topnav等。

對於搜尋引擎來說，要辨識正確的網頁內容非常困難。現在在HTML5元素（ ）中，這將變得更加容易。

根據W3C語義的理想：「可以讓資料共享和跨應用程式重複使用，包括企業和社群。」

html5的語義化元素的意義

1、容易修改和維護。

在html5出來之前，傳統的網頁基本上是div用來佈局，要想理解整體佈局和不同區塊的重要程度，其實是有點困難的(雖然說可以加上語義化的類別) ；而透過html5語意元素，透過標記就可以迅速了解基本結構資訊。這樣，等你幾個月回頭修改時，就會比較輕鬆了。而且，當別人接手你的專案時，就顯得更重要了！

2、無障礙性。

方便螢幕閱讀器和其他輔助工具對頁面進行掃描，為讓殘疾人士提供更好的上網體驗

3、搜尋引擎優化。

像Google，百度這樣的搜尋引擎，這些搜尋引擎會自動在web中爬行並獲取每一個網頁。當你的標籤語意化後，搜尋引擎就能友善的理解你的站點，對你的網站進行搜尋排名(ps:當然，錢還蠻重要的)

4、可以增加網站的可訪問性，還有助於創建更好的網站結構。