网站打开慢如何优化,湖北建设信息网站 联系方式,揭阳企业网页制作公司,有专门做ppt的网站有哪些微格式
经典真题
知道什么是微格式吗#xff1f;谈谈理解。在前端构建中应该考虑微格式吗#xff1f;
微格式介绍
所谓微格式#xff0c;是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式。
具体表现是把语义嵌入到 HTML 中#xff0c;以便有助…微格式
经典真题
知道什么是微格式吗谈谈理解。在前端构建中应该考虑微格式吗
微格式介绍
所谓微格式是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式。
具体表现是把语义嵌入到 HTML 中以便有助于分离式开发并通过制定一些简单的约定来兼顾 HTML 文档的人机可读性相当于对 Web 网页进行了语义注解。
talk is cheapshow me code
以前我们是这样写一个链接到首页的代码的
a href”http://www.bbon.cn”Web Design Blog/a而现在我们要为这个代码元素 a 加上 rel 属性
a href”http://www.bbon.cn“ rel”homepage”Web Design Blog/a通过上面的代码我们可以发现多了一个 rel 属性。这个 rel”home” 属性显示链接的目标页面是该网站的首页。
通过为已有的链接元素添加语义化属性就为这个链接添加了具体的结构和意义。
就这
No、No、No我们再去微格式的官网瞅一瞅https://microformats.org/
官网对微格式是这么介绍的 Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content. 微格式基于简单的标记约定使您能够向web内容添加有意义的结构。 One of the key principles of microformats, is to privilege human readable content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. 微格式的一个关键原则是赋予人类可读内容特权。这意味着您应该首先考虑内容设计的可读性和可访问性。 Using the most appropriate HTML elements and applying structured class names to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. 通过使用最合适的HTML元素并将结构化类名应用到标记中您可以生成人类观众可以清楚理解的内容并通过自动化程序和其他在线工具以结构化方式使用这些内容。 But the point is that you shouldn’t have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats. 但关键是你不应该不遗余力地制作这样的机器友好型标记——微格式可以轻松地将这种更高程度的结构集成到你的网站中而无需学习复杂的新语言或格式。 正如前面所介绍的微格式就是为了兼顾 HTML 文档的人机可读性在标签中添加的语义注解。
那好那么我们以后书写所有的 HTML 代码都要这样书写注解么
并不是否则人都傻了。微格式一般用于标记人员、组织、事件、地点、博客帖子、产品、评论、简历、食谱等的 HTML。
例如 Mark-up your contact info with h-card, link to other profiles with rel“me” 使用 h-card 标记您的联系信息使用 rel“me” 链接到其他个人资料 Mark-up your blog with h-entry. 用 h-entry 标记你的博客。 这里我们以 h-card 为例。
h-card 是一种微格式用来发布个人公司组织地点等详细的联系信息。 它可以使分析器比如其他网站Firefox 的 Operator 插件获得详细的信息并通过别的网站或者地图工具进行显示或者载入到地址簿等其他程序。
例如没有加入 h-card 微格式时我们的 HTML 结构如下
divdivJoe Doe/divdivThe Example Company/divdiv604-555-1234/diva hrefhttp://example.com/http://example.com//a
/div加入微格式后成为
div classvcarddiv classfnJoe Doe/divdiv classorgThe Example Company/divdiv classtel604-555-1234/diva classurl hrefhttp://example.com/http://example.com//a
/div这里正式名称class”fn”组织class”org”电话号码class”tel”和 urlclass”url”分别用相应的 class 标示。
同时所有内容都包含在 class“vcard” 里。
再例如我们用一个维基媒体基金会的联系方式来作为 h-card 微格式实例。
加入 h-card 微格式之前的信息内容如下
Wikimedia Foundation Inc.
200 2nd Ave. South #358
St. Petersburg, FL 33701-4313
USA
Phone: 1-727-231-0101
Email: infowikimedia.org
Fax: 1-727-258-0207加入微格式后成为
div classvcarddiv classfn orgWikimedia Foundation Inc./divdiv classadrdiv classstreet-address200 2nd Ave. South #358/divdivspan classlocalitySt. Petersburg/span,span classregionFL/span span classpostal-code33701-4313/span/divdiv classcountry-nameUSA/div/divdivPhone: span classtel1-727-231-0101/span/divdivEmail: span classemailinfowikimedia.org/span/divdivspan classtelspan classtypeFax/span:span classvalue1-727-258-0207/span/span/div
/div在这个例子中正式名称class”fn”和组织class”org”写在了一个属性中表示这是一个组织而不是个人。
这个时候有的小伙伴就要提问了这些 h-card 里面的属性名是固定的么
没错常用的 h-card 属性还包括bday生日、email邮箱、tel电话、nickname昵称等。
目前已具备完整规范的微格式还包括hCard、hCalendar、XOXO、XFN、VoteLinks 和 3 个 “rel-” 的微格式rel- license、rel-nofollow 和 rel-tag。
至于每一种微格式的规范里面有哪些属性是什么我们可以在官网进行查阅。
例如 h-card 的规范就可以参阅https://microformats.org/wiki/h-card
真题解答
知道什么是微格式吗谈谈理解。在前端构建中应该考虑微格式吗 参考答案 所谓微格式是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式。 具体表现是把语义嵌入到 HTML 中以便有助于分离式开发并通过制定一些简单的约定来兼顾 HTML 文档的人机可读性相当于对 Web 网页进行了语义注解。 采用微格式的 Web 页面在 HTML 文档中给一些标签增加一些属性这些属性对信息的语义结构进行注解有助于处理 HTML 文档的软件更好的理解该 HTML 文档。 在前端构建中微格式的意义 微格式按照某种已有的被广泛应用的标准通过对内容块的语义标记可以让外部应用程序、聚合程序和搜索引擎能够做以下事情 在爬取 Web 内容时能够更为准确地识别内容块的语义对内容进行操作包括提供访问、校对还可以将其转化成其他的相关格式提供给外部程序和Web服务使用。 总结 微格式可以对网站进行 SEO 优化如果需要可以考虑。 -EOF-
