HTML5关键知识点之微数据在标注“人”信息中的应用及作用
在钻研HTML5的过程中,我发现微数据在标注“人”相关信息方面有着独特的技巧和重要作用。今天就把这些知识分享出来,希望能和大家一起学习进步,更深入地掌握HTML5微数据的奥秘。
知识点总结
- Address词汇表的应用:Address词汇表属性通用,可描述多种邮政地址格式。地址各属性值可按需填写,若街道地址包含多个信息,可写在street - address子属性中。
- Person词汇表中url属性的使用:Person词汇表的url属性定义宽松,一个人可拥有多个url属性,对应不同相关网址。在HTML代码中,为每个代表网址的元素添加itemprop="url"属性,元素的微数据属性值为其href属性值。
- 微数据的应用场景:主要应用于Web浏览器和搜索引擎。目前浏览器对HTML5提取微数据的DOM API支持不足;搜索引擎可利用微数据,如Google支持微数据作为Rich Snippet计划一部分,分析网页微数据属性并存储,在搜索结果中展示结构化信息,如姓名、职称等。
知识点通俗讲解
重点:Address和Person词汇表的使用要点,以及微数据在搜索引擎的应用。
- Address词汇表的应用
- 重点:Address词汇表对地址描述的通用性和灵活性。Address词汇表很厉害,它能描述全世界好多不同的邮政地址格式。就算有些地址没有全部的属性值,或者某个属性里要写好几个值,都没问题。比如说街道地址要是既有街道名又有单元号,都可以放在street - address这个子属性里。
- Person词汇表中url属性的使用
- 重点:url属性的特性和在代码中的设置。Person词汇表里的url属性要求不严格,只要是和这个人有关的网址都可以。而且一个人可以有好几个url属性。在写代码的时候,给每个表示网址的链接(元素)都加上itemprop="url"这个属性就行,它的属性值就是链接的目标地址(href属性的值),至于链接上显示的文字,微数据处理器是不管的。
- 微数据的应用场景
- 重点:微数据在搜索引擎中的作用。微数据主要用在浏览器和搜索引擎上。不过现在浏览器对HTML5里提取微数据的功能支持不太好。搜索引擎就不一样啦,像Google,它把微数据当成Rich Snippet计划的一部分。Google会分析网页上的微数据,然后把相关信息存起来。要是有人搜索相关内容,Google觉得网页上的微数据有用,就会在搜索结果里展示一些很有用的信息,像这个人的名字、工作、地址之类的,让搜索结果更丰富。
知识点表格总结
知识分类 | 具体内容 | 详情 |
---|---|---|
Address词汇表的应用 | 属性通用性 | 可描述多种邮政地址格式 |
属性值填写 | 各属性值按需填写,多信息可写在同一子属性,如street - address | |
Person词汇表中url属性的使用 | 属性定义 | 定义宽松,一个人可有多url属性,关联不同网址 |
代码设置 | 为元素添加itemprop=“url”,属性值为href属性值 | |
微数据的应用场景 | 应用对象 | Web浏览器、搜索引擎 |
应用现状 | 浏览器对相关DOM API支持不足,搜索引擎利用微数据展示结构化信息 |
写作不易,如果这篇文章让你对HTML5微数据有了新的认识和收获,希望大家能关注我的博客,点赞、评论支持一下。你们的鼓励就是我持续创作的动力,咱们一起在HTML5的学习道路上继续探索前行!