HTML問題-語意化標籤 怎樣使用

版權聲明

本篇是將文章內容整理濃縮，作為學習之用，下文會一一附上原文連結，如有侵權，經告知之後會立即撤下

引用文章

快速了解 HTML 語意化標籤

鼠年全馬鐵人挑戰 WEEK 07:優化 SEO- 語意化標籤！讓別人看懂你在寫什麼！

筆記

主要的標籤 &圖示

1.header：網頁的標頭，通常放置網站標題。

2.nav：網頁的選單、導覽。

3.main：網頁的主要內容。

4.aside：網頁的側欄、附加內容。

5.article：一篇文章內容。

6.section：自訂的區塊，例如數篇摘要組成的空間。

7.footer：網頁的頁尾，通常放置聯絡方式、著作權宣告等等。

8.mark：強調一小塊內容。

9.time：顯示日期時間。

其他語義化標籤

快速了解 HTML 語意化標籤

<mark>

如黃色螢光筆的方式畫出重點，強調一小塊內容

<details>

描述文章的細節

<figure><figcaption>

<figure>用於圖像，<figcaption>用於圖像標題

<hgroup>

當內容有主標題及次標題等多個標題的狀況下使用。

<cite>

引用其他文獻或作品(例如書籍、歌曲、電影、繪畫、雕塑等）的標題