什麼是微格式

2023-06-15 12:05:55

微格式是一種用於在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 中新增語意化資訊及標記不同型別的資料。微格式的目的是提供一種簡單且易於實現的方式來新增語意化的資訊,使機器能夠更容易地處理和解析資料。通過使用微格式,可以提高資料的可存取性、互操作性和可用性,並使其更易於搜尋引擎和其他自動化工具的處理。