2016-05-16 11 views
0

私はこれに関する決定的な答えを見つけることができません...例えば、このかなり一般的なHTMLページを見てください。左にロゴを入れたヘッダー、右の会社名と住所。このようにしてaddress要素を使用するのが適切かどうかを知りたいですか?ヘッダーにaddress要素を使用する必要がありますか?

<body> 
<header> 
    <img src="/logo.jpg" alt="Bobby's Bits"> 
    <address> 
     <h1>Bobby's Bits</h1> 
     14 Milkyway cresent,<br> 
     The Moon 
    </address> 
</header> 
<main> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p> 
</main> 
<footer>Lorem ipsum dolor sit.</footer> 
</body> 

編集

これを行うには、最もセマンティックな方法 - 私は思う - 次のようにもvCardのを組み合わせることである。

<body> 
<header> 
    <img src="/logo.jpg" alt="Bobby's Bits"> 
    <address class="vcard"> 
     <h1 class="fn org">Bobby's Bits</h1> 
     <span class="adr"> 
      <span class="street-address">14 Milkyway cresent,</span> 
      <span class="locality">Mare Serenitatis</span>, 
      <span class="postal-code">M00 N11</span> 
     </span> 
    </address>  
</header> 
<main> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p> 
</main> 
<footer>Lorem ipsum dolor sit.</footer> 
</body> 

ない内h1を入れた場合、完全に確認してくださいvCardは「許可」されていますが、なぜそうは見えませんか。さらなるアドバイスを求めて誰かがウェイドインしたい場合は、気軽にご利用ください。私は、これについてより明確に定義されたガイドラインがあることを望みます。

+2

どうしても分かりません.... –

+0

このような一般的なページレイアウト*が共通していますが、私の考えにもこのように一般的には使われていないようですが? – Inigo

+0

そうですね。私は同じことをしただろう。 – Kamelkent

答えて

1

W3 specは、表示できるタグに制限を設定しておらず、実際の例と一般的な使用法は<footer>に表示されるということです。 <header>タグは<footer>と同じセマンティックカテゴリにあるため、そこに置くことはできません。

ただし、技術的に「見出しコンテンツ」は含まれていないという制限があります。つまり、<h1>...<h6>は連絡先情報のみを記載しています。だからあなたはアドレスの要素内に<h1>タグのサイト名を入れてはいけません。あなたはまだ大きなテキストでその行をスタイルすることができます。

+0

ああ、私は参照してください。ありがとう。だから私はSEOの目的のためにh1を維持したい場合、私は今どこか他の私のマークアップにそれを靴ひねりしなければならない。恐ろしいಠ_ – Inigo

関連する問題