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

2016-08-05 15:35:51 +08:00
 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 都没有调用这些属性,这些属性到底有什么作用?难道外国佬和我们的浏览器解析不一样?
3352 次点击
所在节点    HTML
7 条回复
sobigfish
2016-08-05 15:40:43 +08:00
nl1990
2016-08-05 15:40:53 +08:00
Reign
2016-08-05 15:42:57 +08:00
@sobigfish 我当时看了这个的,看不懂啊
youxiachai
2016-08-05 15:43:53 +08:00
https://www.w3.org/TR/microdata/#attr-itemscope

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

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

https://www.v2ex.com/t/297387

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

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

© 2021 V2EX