在過去的 HTML5 之前，網頁設計師常常使用大量的 <div> 標籤指定id在使用CSS來設計網頁這樣的做法雖然可以達到網頁設計的目的，但卻犧牲了程式碼的可讀性和語意化。HTML5 引入了許多新的語意化標籤，讓網頁設計師可以更清楚地表達網頁的結構和內容。
這些標籤包括:<header>: 定義網頁的頭部區域，顯示主要資訊<nav>: 主要導航連結<main>: 定義網頁的主要內容，一個網頁只能有一個 <main><article>: 定義獨立的文章或內容區塊，適用於部落格文章<section>: 定義網頁中的區段，可以包含標題的章節<aside>: 用於側邊欄<footer>: 定義網頁的底部區域，通常包含版權資訊、聯絡方式等
語意化HTML具備了三大核心優點
1.提升搜尋引擎優化:幫助搜尋引擎重視在關鍵字
2.增強網頁無障礙體驗:可以方便其他設備解析內容來讓視障有更順利得知網頁有哪些內容
3.提高程式碼可讀性與維護性
iThome鐵人賽
看影片追技術
看更多
