什么是微格式

这篇具有很好参考价值的文章主要介绍了什么是微格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微格式是一种用于在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.toymoban.com/news/detail-483764.html

到了这里,关于什么是微格式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 1.17 什么是微服务

    微服务(Microservices)是一种软件架构风格,将一个应用程序拆分为一组小型、独立且可独立部署的服务。每个服务专注于执行一个特定的业务功能,并通过轻量级的通信机制进行相互协作。 微服务架构具有以下特点: 服务拆分: 应用程序被拆分为一组小型的服务,每个服务

    2024年02月16日
    浏览(41)
  • 【微服务】什么是微服务?-- 全面了解微服务架构

      What is Microservices — Edureka 您有没有想过,什么是微服务以及扩展行业如何与它们集成,同时构建应用程序以满足客户的期望? 要了解什么是微服务,您必须了解如何将单体应用程序分解为独立打包和部署的小型微型应用程序。本文将让您清楚了解开发人员如何使用微服务

    2024年02月12日
    浏览(50)
  • uniapp - 超详细实现播放 svg / svga 格式动画组件插件,用于直播间赠送礼物特效动画或项目动画特效较多的应用(新手小白保姆级教程,提供插件+详细运行示例+使用文档+注意事项+格式说明)

    网上关于 uniapp 播放 svg / svga 格式动画的教程很乱,基本上全是 BUG 和各种不兼容,很难复制过来自己用。 本文实现了 在 uniapp 项目中(完美兼容 H5 / App / 微信小程序平台),播放 svg / svga 格式动画功能的详细介绍, 您只需要使用我提供的 “组件源码及插件”,放到项目中去

    2023年04月24日
    浏览(196)
  • 微服务治理:什么是微服务生命周期管理 (MLM)?

    微服务生命周期管理 (MLM) 指的是管理微服务整个生命周期的各种流程和工具,从其最初的设计和开发到最终的停用。它类似于软件开发生命周期 (SDLC),但专门针对微服务架构的独特需求进行定制。 以下分解了 MLM 中的关键阶段及其含义: 1. 设计和开发: 定义边界和 API: 明确

    2024年02月01日
    浏览(48)
  • 【从零开始学习微服务 | 第一篇】什么是微服务

    目录 前言: 架构风格:  单体架构: 分布式架构: 微服务: 总结:         在当今快速发展的软件开发领域,构建大型应用程序已经成为一项巨大的挑战。传统的单体应用架构往往难以满足快速变化的业务需求和不断增长的用户规模。这就引出了微服务架构:一种以服

    2024年01月25日
    浏览(54)
  • 用于弱监督语义分割的多类token transformer

    本文提出了一种新的基于Transformer的框架,将特定于类的对象定位映射学习为弱监督语义分割(WSSS)的伪标签。 标准视觉Transformer中一个类Token 的参与区域可以被利用来形成一个类不确定的定位映射 本文研究了Transformer模型是否也可以通过学习Transformer中的多个类Token 来有效地捕

    2023年04月09日
    浏览(50)
  • HGFormer:用于领域广义语义分割的层级式分组Transformer

    目前的语义分割模型在独立同分布条件下取得了巨大的成功。然而,在实际应用中,测试数据可能与训练数据来自不同的领域。因此,提高模型对领域差异的鲁棒性非常重要。 本文方法 这项工作研究了领域泛化设置下的语义分割,其中模型仅在源领域上训练,并在看不见的

    2024年02月08日
    浏览(45)
  • grad-CAM用于自己的语义分割网络【亲测】

    参考链接:https://github.com/jacobgil/pytorch-grad-cam  我遇到了 如下错误 解决方法: 将base_cam.py的第81行修改为:  就不报错了! 拿下!    

    2024年02月02日
    浏览(45)
  • 第九章:RefineNet——多路径细化网络用于高分辨率语义分割

    原文题目:《RefineNet: Multi-Path Refinement Networks for High-Resolution Semantic Segmentation》 原文引用:Lin G, Milan A, Shen C, et al. Refinenet: Multi-path refinement networks for high-resolution semantic segmentation[C]//Proceedings of the IEEE conference on computer vision and pattern recognition. 2017: 1925-1934. 原文链接: https://o

    2024年02月16日
    浏览(64)
  • 【论文阅读】Swin Transformer Embedding UNet用于遥感图像语义分割

    Swin Transformer Embedding UNet for Remote Sensing Image Semantic Segmentation 全局上下文信息是遥感图像语义分割的关键 具有强大全局建模能力的Swin transformer 提出了一种新的RS图像语义分割框架ST-UNet型网络(UNet) 解决方案:将Swin transformer嵌入到经典的基于cnn的UNet中 ST-UNet由Swin变压器和CNN并联

    2024年02月08日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包