11

网络上是否有关于为广告横幅选择哪个 HTML 元素的权威信息？

我考虑过<article>or <aside>，但我认为更合适的只是：<div class="ad">

4

2 回答 2

9

在大多数情况下，我会使用aside元素：

该元素可用于 [...] 用于广告、[...] 以及被视为与页面主要内容分开的其他内容。

由于该aside元素是一个分段元素，它会在文档大纲中创建一个条目，即使您没有明确使用标题。在大多数情况下，这将是您想要的。

如果您不自己托管广告，您可能希望将其包含在iframe：

下面是一个页面示例，该页面使用一个iframe包含来自广告经纪人的广告：

<iframe src="http://ads.example.com/?customerid=923513721&amp;format=banner"
    width="468" height="60"></iframe>

（在适当的情况下使用该sandbox属性来保证安全。）

因此，一个简单的博客文章页面的结构可以如下：

<body>

  <h1>My blog</h1>

  <article>
    <h1>My blog post</h1>
    <p>…&lt;/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>

该页面具有以下大纲：

  1. 我的博客
    1. 我的博文
    2. 导航
    3. 广告
于 2013-01-18T18:35:26.613 回答
4

不，没有定义表示广告横幅的 HTML 元素。在 HTML5 中，<aside>意思是“切向相关”的内容，这是完全不同的，<article>甚至更加不同。您是否使用<div class="ad">或其他东西取决于您期望达到的目标。通常没有理由对广告使用任何特定标记。

于 2013-01-17T18:45:35.960 回答