使用HTML5标签的博客页面在语义上最正确的结构是什么?


9

我想神交的终极性<aside><section><article>

使用HTML5标签的博客页面的最佳,最语义正确的结构是什么?

我应该将侧边栏放入<aside>吗?还是将其<section>归类为(<aside>应该用于广告,短引号等)?

我应该如何展示主要功能博客文章?如何<article>正确使用?

我应该如何标记商品标签?

Answers:


7

您要<article>用于博客文章。Mark Pilgrim 对如何使用每个标签有很好的解释。他还解释了如何article在他的网站上标记定义列表下方的内容。这是学习HTML 5和CSS的绝妙书。

“ article元素代表页面的组成部分,该组成部分由文档,页面,应用程序或站点中的独立组成组成,并且打算独立分发或重用,例如在联合组织中使用。”

Aside表示“切向相关”元素,而section表示“表示通用文档或应用程序部分”。


2

对于<aside>,请像在剧场旁那样思考:将故事搁置以向观众解释一些内容,在切向上稍作调整,然后再返回主要焦点。例如:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

可怕的例子,但有效的例子。很有可能对拉引号和其他与文章相关的切线之类的东西很有用,但作为纯语义标记,广告通常不属于该类。

关键字驱动的广告系统不会在乎语义上是否适合您的内容,它对匹配受众特征更感兴趣。如果您<article>只涉及PHP,并且会拉扯与Python / Perl / Java相关的广告(有时会),那么您<aside>就失去了它的意义。您最好将这些内容放在页面的其他位置。


+1使我脸上露出微笑,并回答自己的问题。
杰森
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.