看了半天搞不懂,这个网站 HTML 里的这些标记到底是啥??

2016 年 8 月 5 日
 Reign
36kr 里看到的一个网站: http://www.uidownload.com ,看到网站的 UI 做得非常漂亮,没事就顺便 F12 研究了一下它的 HTML ,里面有些 HTML 属性感觉好高级,里面很多 itemprop 、 itemscope 属性,这些 W3C 里面都没有啊,比如:
<div itemprop="author" itemscope itemtype="http://schema.org/Organization" id="logo">
<meta itemprop="name" content="UI Download"/>
<a itemprop="url" rel="home" href="http://www.uidownload.com">
<img width="376" height="60" itemprop="logo" src="http://www.uidownload.com/public/css/logo.png" alt="UI download logo"/>
</a>
</div>
我当时看这个代码 html 属性第一反应肯定是 js 调用,曾经开源的 thinksns 系统就是用了很多自定义属性供 js 调用,但是里面的 js 都没有调用这些属性,这些属性到底有什么作用?难道外国佬和我们的浏览器解析不一样?
4258 次点击
所在节点    HTML
7 条回复
run2
2016 年 8 月 5 日
nl1990
2016 年 8 月 5 日
Reign
2016 年 8 月 5 日
@sobigfish 我当时看了这个的,看不懂啊
youxiachai
2016 年 8 月 5 日
https://www.w3.org/TR/microdata/#attr-itemscope

你看的标准跟我看的不一样?
Mirachael
2016 年 8 月 5 日
Reign
2016 年 8 月 5 日
@youxiachai 额。。。我看的是国产的 http://www.w3school.com.cn/
run2
2016 年 8 月 5 日
具体点说, iOS 的 safari / spotlight 搜索网页的时候 网页内的内容是不解析的,如果 meta 里含了一个 schema.org/Organization 就可以识别为一个组织 然后读取其对应的属性 然后显示出来。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/297387

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX