2016-04-27 7 views
0

私の目標は、ブートストラップを使ってウェブページに郵便住所を表示していることです。マイクロデータを含む。ブートストラップ<address>タグとitemscope itemtype

私が考えていた基本的なオプションが

<div itemscope itemtype="schema.org/PostalAddress"> 
    <span itemprop="name">COMPANY NAME</span> 
    <span itemprop="streetAddress">xxx</span> 
    <!-- more itemprop here --> 
</div> 

です...が、正しいでしょう以下の場合はHTML5 /ブートストラップが<address>タグを提供することについては、私は疑問に思う:

<address itemscope itemtype="schema.org/PostalAddress"> 
    <span itemprop="name">COMPANY NAME</span> 
    <span itemprop="streetAddress">xxx</span> 
    <!-- more itemprop here --> 
</address> 

を使用していの代わりに<address>が追加の機能を提供します(検索エンジン、SEO、その他...)?

どうすればよいですか?

編集:この場合、アドレスはページの著者/所有者の連絡先情報を参照します。

+0

ヒント:

タグは、連絡先情報の一部でない限り、郵便番号の説明に使用しないでください。 (http://www.w3schools.com/tags/tag_address.asp) – AdamJeffers

+1

@AdamJeffers:右。この場合、アドレスはページの著者/所有者の連絡先情報を参照します。 – MarcM

+1

私はあなたの答えがあると思う;-) – AdamJeffers

答えて

1

HTMLマークアップとMicrodataマークアップは2つの別々の世界です。

ミクロパーサdivまたはaddressが使用されている場合、彼らはそれらを同じに処理する必要が気にしません。あなただけの(すなわち、それはアイテムのために簡単ですが、文字列日時絶対URLための差異がある)use an element that produces the value type you needに確認する必要があります。

HTMLパーサーは、使用するHTML要素を気にしますが、Microdataマークアップについては気にしません。 divの代わりにaddressを使用すると、その要素の内容が連絡先情報(最も近いarticleまたはbody)を表すことが伝えられます。この情報は、消費者(検索エンジン、アクセシビリティツール、ブラウザアドオンなど)に依存します。

(そしてもちろん、そこに考慮に入れ、両方を取る消費者、HTMLおよびミクロこと、およびいくつかの巧妙なものを推測することがあります。)

最高方法は?まず、HTMLの権限を取得し(目的に合った最も具体的な要素を使用)、マークアップにMicrodata属性を追加します(必要な場合はdiv/span要素を追加します)。

私の回答Markup for postal addresses(プロセスはMicrodataの代わりにRDFaを使用しますが、その考え方は同じです)を参照してください。