比 <aside> 更好的放置广告元素

Question

当我在Mozilla Publisher Network 上读到这篇文章时，我真的很兴奋：

在 HTML4 中，每个部分都是文档大纲的一部分。但文件 往往不是那么线性的。文档可以有特殊的部分 包含不属于但与以下内容相关的信息 主要流程，如广告块或说明框。 HTML5 引入了 <aside> 元素，允许这样的部分 主要大纲的一部分。

当我在HTML5 Doctor 上遇到这个问题时，我同样觉得自己被打败了：

导航、广告、搜索框、blogrolls等不直接 与文章相关，因此不证明使用 <aside>.

因此，经过一番谷歌搜索后，我意识到人们意见不一。有些人同意将<aside> 用于广告等内容，但其他人则不同意。

核心问题：我正在建立一个技术博客，从一开始，我就希望页面（包括文章）是全角的。这让我几乎没有机会在其中放置广告（Google 真的不喜欢在文章内容之间放置“广告”）。

当我遇到<aside> 元素时，我以为我挖到了一座金矿，直到我看到关于它用于广告的不同意见。

所以，问题是，有知识的人能否解释一下使用<aside> 做广告是否可行？另外，是否有任何语义替代方案（元素或标记）？

Answer 1

这里是what the spec says：

aside 元素代表页面的一部分，包括 与旁边的内容相切相关的内容 元素，并且可以被认为与该内容分开。 在印刷版式中，此类部分通常表示为侧边栏。

该元素可用于印刷效果，如拉引号或 侧边栏、广告、导航元素组和其他 被视为与页面主要内容分开的内容。

撇开第二段中特别提到广告可以接受这一事实不谈，混乱的根源很明显。两段略有矛盾。

第一段声明它应该用于与相关的内容并且与主要内容分开考虑。

第二段只要求内容与主要内容分开考虑。

我怀疑这种混淆是通过选择“aside”名称引起的，该名称在英语中具有“切向相关”的含义，而替代元素的名称被拒绝，即“sidebar”则没有。

我不完全确定“侧边栏”为何被拒绝，但可能它被认为过于形象化且语义不足。不幸的是，在选择“aside”时，作者引入了并非真正意图且没有帮助的语义。

幸运的是，在这种情况下，我们不需要破译这个矛盾。广告被特别标注为适合<aside>，因此问题已明确解决。

Answer 2

虽然还在等待答案，但我找到了一个权威来源，W3，stating that<aside> 可以包含广告。

内容示例

• 拉引号
• 侧边栏
• 广告
• 导航元素组

等等。被认为与页面主要内容分开的其他内容。

更新：在他们关于使用 'aside' 元素的文章的修订版中，HTML5 Doctor states this：

随着aside 的新定义，保持对它的认识至关重要 语境。当使用 within 一个 article 元素时，内容应该是 与该文章特别相关（例如，词汇表）。使用时 在article 元素之外，内容应与 网站（例如，博客、附加导航组，甚至 如果该内容与页面相关，则广告）。

不幸的是，我不明白他们是如何得出这个结论的，因为aside 的 HTML5 规范并没有具体说明任何内容。

事实上，从我上面引用的内容来看，我相信如果文章中的aside 可以包含拉引号，那么他们也可以做广告（W3C 没有专门分离他们的用例，我相信他们会，如果它必须这样）。

PS：我已经就此联系了 HTML5 Doctor，如果我得到回复，我会更新我的答案。

Answer 3

这是我在aside 上遇到的最相关的结论：

aside 元素现在可以在使用时表示辅助内容 在article 之外。请记住，除此之外 - 更一般地说， 次要内容——并不一定意味着“侧边栏”。的风格 内容不应决定元素的使用。对于内容 这不是文章（或页面）的主要焦点，但仍然是 与文章（或页面）相关，除了你需要的，不管 其视觉设计。

参考：http://html5doctor.com/aside-revisited/

基本上，这取决于您是在article 内部还是外部使用它。除了最适合做广告之外……我是这么看的。