微格式是一种用于在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 中添加语义化信息及标记不同类型的数据。微格式的目的是提供一种简单且易于实现的方式来添加语义化的信息,使机器能够更容易地处理和解析数据。通过使用微格式,可以提高数据的可访问性、互操作性和可用性,并使其更易于搜索引擎和其他自动化工具的处理。

内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/ronaldo9ph/p/17482297.html

你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!