这是一个创建于 3030 天前的主题，其中的信息可能已经有所发展或是发生改变。
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 都没有调用这些属性，这些属性到底有什么作用？难道外国佬和我们的浏览器解析不一样？
<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 都没有调用这些属性，这些属性到底有什么作用？难道外国佬和我们的浏览器解析不一样？
 |
1
sobigfish 2016-08-05 15:40:43 +08:00
|
 |
2
nl1990 2016-08-05 15:40:53 +08:00
|
 |
4
youxiachai 2016-08-05 15:43:53 +08:00
|
 |
5
Mirachael 2016-08-05 15:44:14 +08:00
|
 |
6
Reign OP @youxiachai 额。。。我看的是国产的 http://www.w3school.com.cn/
|
|
7
sobigfish 2016-08-05 15:49:41 +08:00
具体点说， iOS 的 safari / spotlight 搜索网页的时候 网页内的内容是不解析的，如果 meta 里含了一个 schema.org/Organization 就可以识别为一个组织 然后读取其对应的属性 然后显示出来。
|
Select Language