広告バナーに選択するHTML要素に関する信頼できる情報はWeb上にありますか?
<article>
またはを検討<aside>
しましたが、より適切なのは単純です。<div class="ad">
広告バナーに選択するHTML要素に関する信頼できる情報はWeb上にありますか?
<article>
またはを検討<aside>
しましたが、より適切なのは単純です。<div class="ad">
ほとんどの場合、私はaside
要素を使用します:
この要素は、[…]の広告、[…]、およびページのメインコンテンツとは別と見なされるその他のコンテンツに使用できます。
要素はセクション要素であるaside
ため、見出しを明示的に使用しなくても、ドキュメントのアウトラインにエントリが作成されます。ほとんどの場合、これはあなたが望むものです。
自分で広告をホストしない場合は、次の場所に広告を含めることをお勧めしますiframe
。
これは、を使用して広告ブローカーからの広告を
iframe
含めるページの例です。<iframe src="http://ads.example.com/?customerid=923513721&format=banner" width="468" height="60"></iframe>
(必要に応じて、セキュリティのためにsandbox
属性を使用してください。)
したがって、単純なブログ投稿ページは次のように構成できます。
<body>
<h1>My blog</h1>
<article>
<h1>My blog post</h1>
<p>…</p>
</article>
<nav>
<h1>Navigation</h1>
<!-- site-wide navigation -->
</nav>
<aside>
<h1>Advertisement</h1> <!-- or omit the heading altogether, it doesn't change the outline -->
<iframe></iframe>
<footer><small>Advertisement by ACME Inc.</small> <!-- or whatever --> </footer>
</aside>
</body>
このページの概要は次のとおりです。
- 私のブログ
- 私のブログ投稿
- ナビゲーション
- 広告
いいえ、広告バナーを意味するHTML要素は定義されていません。HTML5では、<aside>
「接線方向に関連する」コンテンツを意味します。これはまったく異なり、<article>
さらに異なります。使用するか他のものを使用する<div class="ad">
かは、達成することを期待するかどうかによって異なります。通常、広告に特定のマークアップを使用する理由はありません。