当我在Mozilla Publisher Network上看到这个时,我感到非常兴奋:
在HTML4中,每个部分都是文档大纲的一部分。但是文件 通常不那么线性。文档可以包含特殊部分 包含不属于的信息,尽管它与之相关, 主要流程,如广告块或解释框。 HTML5引入了
<aside>
元素,允许这些部分不存在 主要部分的一部分。
当我在HTML5 Doctor上遇到这个问题时,我感觉自己同样胜过:
导航,广告,搜索框,博客等不是直接的 与文章有关,因此没有理由使用
<aside>
。
因此,经过相当多的谷歌搜索,我意识到人们的意见不一。有些人同意将<aside>
用于广告等内容,但其他人则不同意。
核心问题:我正在构建一个技术博客,从一开始,我就希望页面(包括文章)是全宽的。这使我几乎没有机会在其中放置广告(Google真的不喜欢文章内容之间的“广告”)。
当我遇到<aside>
元素时,我认为我敲了一个金矿,直到我看到关于它用于广告的混合意见。
所以,问题是,知识渊博的人是否可以阐明是否可以使用<aside>
广告?此外,是否有任何语义选择(元素或标记)?
答案 0 :(得分:10)
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}}内使用它。外面是最好的广告..是我如何读它。