6

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

在 HTML4 中,每个部分都是文档大纲的一部分。但是文档通常不是那么线性的。一个文档可以有特殊的部分,其中包含不属于主要流程的信息,尽管它与主要流程相关,例如广告块或解释框。HTML5 引入了<aside>允许这些部分不成为主要大纲的一部分的元素。

当我在HTML5 Doctor上遇到这个问题时,我同样觉得自己胜过了:

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

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

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

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

所以,问题是,有知识的人能否解释一下是否可以<aside>用于广告?此外,是否有任何语义替代方案(元素或标记)?

4

3 回答 3

11

是规范所说的

Aside 元素表示页面的一部分,该部分由与 Aside 元素周围的内容相切相关的内容组成,并且可以被认为与该内容分开。这些部分通常在印刷排版中表示为侧边栏。

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

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

第一段声明它应该用于与主要内容相关 并被 视为独立于主要内容的内容。

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

我怀疑这种混淆是通过选择具有“切向相关”英文内涵的“aside”名称而引起的,而替代元素的名称被拒绝,即“sidebar”则没有。

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

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

于 2012-06-09T08:31:04.070 回答
2

在我还在等待答案的同时,我找到了一个权威来源 W3,指出其中 <aside>可能包含广告。

内容示例

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

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

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

有了 的新定义aside,了解其上下文至关重要。当一个article元素中使用时,内容应该与该文章特别相关(例如,词汇表)。当 在元素之外使用时article,内容应该与站点相关(例如,博客、附加导航组,如果内容与页面相关,甚至是广告)。

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

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

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

于 2012-06-09T04:56:50.797 回答
0

aside这是我遇到的最相关的结论:

asidearticle. 请记住,除此之外——更一般地说,次要内容——并不一定意味着“侧边栏”。内容的风格不应决定元素的使用。对于不是文章(或页面)的主要焦点但仍与文章(或页面)相关的内容,无论其视觉设计如何,您都需要放在一边。

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

基本上,这取决于您是在内部article还是外部使用它。除了做广告的最佳选择之外……我就是这么读的。

于 2012-06-09T05:33:27.460 回答