【发布时间】:2014-02-24 15:29:29
【问题描述】:
我一直在尽我所能只使用语义类名称,但我最近涉足微数据和 SEO 让我想知道:两者都做有意义吗?考虑这两个代表一个事件的 HTML sn-ps:
使用 CSS 类:
<div class="event" itemscope itemtype="http://schema.org/Event">
<h3 itemprop="name">Spinal Tap</h3>
<div class="description" itemprop="description">One of the loudest bands ever
reunites for an unforgettable two-day show.</div>
Event date:
<time itemprop="startDate" datetime="2011-05-08T19:30">May 8, 7:30pm</time>
</div>
没有 CSS 类:
<div itemscope itemtype="http://schema.org/Event">
<h3 itemprop="name">Spinal Tap</h3>
<div itemprop="description">One of the loudest bands ever
reunites for an unforgettable two-day show.</div>
Event date:
<time itemprop="startDate" datetime="2011-05-08T19:30">May 8, 7:30pm</time>
</div>
两者都代表相同的内容,并且都易于设置样式。除了可能应用某种额外的类(在本例中,可能是“即将到来的”或“过去的”之类的东西)之外,我可以轻松地使用属性选择器将样式应用于不应用任何类型的类的样式。
因此,考虑到这一点,当微数据已经添加了如此多的免费信息时,使用语义类还有什么优势吗?我唯一想到的是 Javascript 选择器的性能,但我不完全确定这可能会有多大的影响。
【问题讨论】:
标签: javascript css html semantic-markup