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

时间:2012-06-09 04:40:44

标签: html html5 markup semantic-markup

当我在Mozilla Publisher Network上看到这个时,我感到非常兴奋:

  

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

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

  

导航,广告,搜索框,博客等不是直接的   与文章有关,因此没有理由使用   <aside>

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

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

当我遇到<aside>元素时,我认为我敲了一个金矿,直到我看到关于它用于广告的混合意见。

所以,问题是,知识渊博的人是否可以阐明是否可以使用<aside>广告?此外,是否有任何语义选择(元素或标记)?

3 个答案:

答案 0 :(得分:10)

这是what the spec says

  

aside元素表示由页面组成的部分   与旁边内容相切的内容   元素,可以认为与该内容分开。   这些部分通常在印刷字体中表示为侧边栏。

     

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

撇开第二段中明确提及广告的事实,混淆的根源很明显。这两段略有矛盾。

第一段规定,它应该用于 主要内容的内容

第二段仅要求内容被视为与主要内容分开。

我怀疑这种混淆是通过选择“旁白”名称来实现的,该名称与英语中的“切向相关”内涵,而替代方案拒绝了该元素的名称,即“侧栏”没有。

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

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

答案 1 :(得分:2)

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

  

内容示例

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

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

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

  

对于aside的新定义,了解它的重要性至关重要   上下文。在 <{1}}元素中使用 时,内容应为   特别与该条有关(例如,词汇表)。使用时   article元素的 ,内容应与   网站(例如,博客滚动,其他导航组,甚至   广告,如果该内容与页面相关)。

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

事实上,从上面我引用的,我相信如果文章中的aside可以包含拉引号,那么他们可以做广告(W3C没有明确区分他们的用例,我相信他们会,如果必须那样)。

PS:我已就此与HTML5医生联系,如果我得到回复,我会更新我的回答。

答案 2 :(得分:0)

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

  

aside元素现在可以在使用时表示辅助内容   在article之外。请记住,除此之外 - 更常见的是,   次要内容 - 并不一定意味着“侧边栏”。风格   内容不应该规定元素的使用。对于内容   这不是文章(或页面)的主要焦点,但仍然是   与文章(或页面)相关的,无论如何,除了你需要的东西   它的视觉设计。

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

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