什麼是微格式

微格式是一種用於在HTML文檔中嵌入語義化信息的簡單而輕量級的標記語言。它們通過使用已有的HTML標簽和類名來表示結構化數據，以便機器能夠更容易地理解和處理這些數據。

微格式的目標是為了讓信息更易於被自動化工具（如搜索引擎、數據聚合器、日曆應用程式等）提取和解析。通過添加特定的類名和屬性值，可以標記出文本中的特定數據，比如人名、地址、日期、評論等。

微格式並不需要創建全新的標簽或屬性，而是建立在HTML標準之上，利用現有的標簽和屬性來實現語義化的標記。這意味著微格式可以與現有的HTML文檔相容，並且不會破壞文檔的結構或外觀。

常見的微格式包括：
1. hCard ：用於表示個人、組織或公司的聯繫信息，如姓名、地址、電話號碼等。
2. hCalendar ：用於表示事件的日期、時間、地點等信息。
3. hReview ：用於表示產品或服務的評論和評級。
4. rel-tag ：用於標記文章或頁面中的關鍵詞或標簽。

通過在合適的HTML元素上添加適當的類名和屬性，可以輕鬆地應用這些微格式。例如，可以使用 class="vcard" 來標記一個包含個人聯繫信息的區塊，然後在相應的HTML元素上添加 class 、 title 等屬性來表示特定的欄位。

微格式的優點是簡單易用、與HTML相容、易於實現和解析。然而，它們的能力有限，無法處理複雜的數據結構和關係。

以下是一些常見示例：

1. hCard 微格式：

<div class="vcard">
  <p>
    <span class="fn">Zhang</span>
    <span class="org">Company</span>
  </p>
  <p class="adr">
    <span class="street-address">123 Street</span>,
    <span class="locality">City</span>,
    <span class="region">State</span>
    <span class="postal-code">10000</span>
  </p>
  <p>
    Phone: <span class="tel">123-456-7890</span>
  </p>
</div>

在上面的示例中， div 元素使用 class="vcard" 標記為 hCard 微格式。通過添加相應的類名，我們可以標記出個人的姓名（ fn ）、組織名稱（ org ）、地址（ adr ）等信息。

2. hCalendar 微格式：

<div class="vevent">
  <h2 class="summary">會議</h2>
  <p class="description">會議描述</p>
  <p>
    日期: <span class="dtstart">2022-02-22</span> - <span class="dtend">2022-02-28</span>
  </p>
  <p class="location">地點: <span class="location">我的城市</span></p>
</div>

在上述示例中， div 元素使用 class="vevent" 標記為 hCalendar 微格式。我們使用類名標記出了會議的摘要（ summary ）、描述（ description ）、開始日期（ dtstart ）、結束日期（ dtend ）和地點（ location ）等信息。

3. hReview 微格式（用於產品評價）：

<div class="hreview">
  <h3 class="item">產品名稱</h3>
  <p class="description">產品描述</p>
  <p class="reviewer">
    評論者: <span class="reviewer">我</span>
  </p>
  <p class="rating">
    評分: <span class="rating">4.5</span>
  </p>
</div>

在這個示例中， div 元素使用 class="hreview" 標記為 hReview 微格式。我們使用相應的類名標記了產品名稱（ item ）、描述（ description ）、評論者（ reviewer ）和評分（ rating ）。

4. rel-tag 微格式（用於標記關鍵詞或標簽）：

<p>
  Tags:
  <a href="/tags/technology" rel="tag">Technology</a>,
  <a href="/tags/web" rel="tag">Web</a>,
  <a href="/tags/design" rel="tag">Design</a>
</p>

在上面的示例中， a 元素使用 rel="tag" 屬性標記為 rel-tag 微格式。這些鏈接表示關鍵詞或標簽，通過添加 rel 屬性來表示它們的關聯性。

這些示例展示瞭如何使用微格式在 HTML 中添加語義化信息及標記不同類型的數據。微格式的目的是提供一種簡單且易於實現的方式來添加語義化的信息，使機器能夠更容易地處理和解析數據。通過使用微格式，可以提高數據的可訪問性、互操作性和可用性，並使其更易於搜索引擎和其他自動化工具的處理。