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



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

在HTML4中,每个部分都是文档大纲的一部分。但是文件 通常不是那么线性。文档可以有特殊部分 包含不属于(尽管与以下方面相关的)的信息: 主流,如广告块或说明框。 HTML5引入了<aside>元素,允许这些部分不 部分主大纲。

当我在HTML5 Doctor上遇到这个时,我同样感到胜过:

导航、广告、搜索框、博客卷等不是直接的 与文章相关,因此不能证明使用 <aside> .

因此,经过相当多的谷歌搜索,我意识到人们的意见不一。有些人同意对广告等内容使用<aside>,但其他人则不同意。

核心问题:我正在建立一个技术博客,从一开始,我就希望页面(包括文章)是全宽的。这让我几乎没有机会在其中放置广告(谷歌真的不喜欢在文章内容之间放置"广告")。

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

所以,问题是,知识渊博的人能否阐明是否可以将<aside>用于广告?另外,是否有任何语义替代方案(元素或标记)?

以下是

规范的内容:

side 元素表示页面的一部分,该部分由 与旁白内容切线相关的内容 元素,可以将其视为与该内容分开。 这些部分通常表示为印刷排版中的侧边栏。

该元素可用于排版效果,如拉引号或 侧边栏,用于广告、导航元素组和其他 被视为独立于页面主要内容的内容。

撇开第二段中特别提到广告可以的事实不谈,混淆的根源是显而易见的。这两段略有矛盾。

第一款规定,它应该用于与主要内容无关被视为与主要内容分开的内容。

第二款只要求将内容与主要内容分开考虑

我怀疑这种混淆是通过选择与英语中"切线相关"内涵的"旁白"名称造成的,而该元素的替代拒绝名称是"侧边栏"则没有。

我不完全确定为什么"侧边栏"被拒绝,但可能它被认为过于呈现和语义不足。不幸的是,在选择"旁白"时,作者引入了并非真正有意且没有帮助的语义。

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

当我还在等待答案时,我找到了一个权威来源 W3,说明<aside>可以包含广告。

内容示例

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

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

更新:在他们关于使用"旁白"元素的文章的修订版中,HTML5 Doctor指出:

随着aside的新定义,保持对它的了解至关重要 上下文。在 article 元素中使用时,内容应 与该文章具体相关(例如,词汇表)。使用时 在 article 元素之外,内容应与 网站(例如,博客卷,附加导航组,甚至 广告(如果该内容与页面相关)。

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

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

PS:我已经联系了HTML5医生,如果我得到回复,我会更新我的答案。

这是我

遇到的关于aside最相关的结论:

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

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

基本上,这取决于您是在article内还是在外使用它。 外面是最好的广告......是我读它的方式。

相关内容

最新更新