可以用CSS隐藏微数据吗？

Question

比方说，我有一些文字很多的html文档。它是“好的”（〜不坏:)）具有包含微数据的元素并隐藏这些元素以便用户不会真正看到它们？

比方说，我有这样的：

<div style="display:none" itemscope...>some microdata describing div below</div> 
<div> There is actual text that is described by microdata</div> 

的一点是，这种方式可能更容易来形容第2格。您不必在整个文本中进行更改，只需添加一些元素并隐藏它们即可。我想创建一个简单的HTML编辑器来支持创建微数据，这种方式似乎更容易实现，并且更易于使用（首先创建实际内容，然后对其进行注释）。

Answer 1

用Microdata标记的隐藏内容击败了它的意义，它旨在添加关于页面上已经可见的内容的附加信息。主要观点是人们总是记得更新可见内容，但经常忘记更新他们看不到的内容，因此隐藏的“元”内容经常过时并且不准确。微数据代替了描述可见内容为的方法，所以如果内容改变了它产生的数据改变。就拿这个例子from the spec：

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Jack</span> 
    <span itemprop="family-name">Bauer</span> 
    </span> 
</h1> 

如果你改变了可见的内容没有微数据标记的实际变化：

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Tim</span> 
    <span itemprop="family-name">Berners-Lee</span> 
    </span> 
</h1> 

所以微观数据几乎肯定不是你想在你的情况下使用什么。你真正应该使用什么取决于你想要什么信息。如果您想添加隐藏数据以便在您的网站上使用脚本进行处理，请改为使用data-* attributes。如果您想添加并非所有用户都需要查看的其他描述性信息，请考虑使用ARIA。特别是在你的情况下，aria-describedby。

Answer 2

你打算对隐藏的数据做什么吗？我会使用HTML注释或标题属性。

HTML注释：

<!-- This is an HTML Comment --> 
<div>Content</div> 

标题属性：

<div title="some information describing div">Content of div</div> 

HTML注释，当然，就像在编程语言注释，除非他们通过给客户端。标准标题元素属性（可用于所有html元素）包含有关元素的额外信息，并且在悬停在元素上时用作工具提示。

例如，HTML为您的接受率高达有：

<div class="accept-rate cool" title="this user has accepted an answer for 4 of 6 eligible questions">67% accept rate</div> 

，如果你在它悬停它说：“该用户已经接受了4 6的资格问题的答案”哪。

Answer 3

schema.org有一个实际的方法“藏”的微数据：

http://schema.org/docs/gs.html#advanced_missing

如果你试图影响SEO然后从用户“隐藏”的语义标记的数据，但保持它的机器可读（对于机器人/蜘蛛）完全不能达到目的。

如果您的schema.org标记格式正确，那么如果您“隐藏”这些值，Google不会惩罚您的索引排名。