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 都没有调用这些属性,这些属性到底有什么作用?难道外国佬和我们的浏览器解析不一样?