可以用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不會懲罰您的索引排名。