我正在开发一个实现disqus评论的博客,我正在努力尽可能多地使用
HTML5语义标记.
以下是< article /> (本身在< section />)内,相当简单：
<article class="post">
<header>
<h2>Title</h2>
<p class="posted-on">Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time>.</p>
</header>
<p>Lorem ipsum dolor sit amet...</p>
<p>Lorem ipsum dolor sit amet...</p>
<!-- blog comments -->
</article>
通过上述结构,我不确定语义在哪里整合文章的意见.
>一个<footer />显然是不合适的(“页脚元素不是分段内容,它不会引入一个新的部分.”)
> disqus使用异步JavaScript来创建< iframe />以包含评论小部件,因此< p />似乎也不合适.
我过分思考语义标记的东西：最好把它粘在一个< div />不用担心吗
解决方法
你可以把它贴在自己的< section> (而不是< div>)在您的< section>内,作为您的< article>的兄弟姐妹.但是,如果您使用disqus,我猜你使用的任何元素都不重要.我不认为它属于文章内容.也许是< aside>代替？
请记住,当涉及到语义时,没有任何困难和快速的规则.只要您的文档以有意义的方式构建和概述,那就是重要的.