HTML5语义:类似文章，文章标签
HTML5语义:类似文章，文章标签
提问于 2016-05-18 10:44:36
当你阅读博客文章时，几乎所有的博客上都有一个“侧边栏”，上面有类似的文章，最新的评论等等。在我将要实现的布局中，我有一个很大的文章标题(带照片和预告片)，它的宽度是100%的。在那之后，我有文章正文和描述的侧边栏，在那之后，我获得了(再次100%宽度)作者信息和评论。
在这种情况下，我不能用主文章标签中的“侧栏”来逃避。最起码的例子：
<article>
<!-- ARTICLE HEADER -->
<header style="width: 100vw; height: 100vh">
<h1>title</h1>
<p>trailer</p>
<time>...</time>
</header>
<!-- ARTICLE BODY -->
<h2>...</h2><p>...</p><ul>...</ul> x few
<!-- SIDEBAR - PROBLEM -->
<div id="sidebar">
<h2>Similar articles</h2><ul>...</ul>
<h2>Latest comments</h2><ul>...</ul>
</div>
<!-- ARTICLE FOOTER -->
<footer id="author" style="width: 100vw; height: 100vh">
<h1>Details</h1>
<section>
<h1>Author</h1>
<address>...</address>
</section>
<section>
<h1>Comments</h1>
<ul>...</ul>
</section>
</footer>
</article>问题在于div#sidebar以及它所使用的元素是什么.
- 当然，这不是文章的一部分(，所以它不能是div)
- 这是，可能不是(文章中的部分与文章高度相关，但在阅读时可以删除，并且这个侧边栏是自动生成的，与文章完全无关)
- 这可能是一个节，但当然不应该在文章标记中
- 没有机会，使这个元素脱离文章，而make是简单的部分，因为定位(绝对的，或挠性的)将很难管理，因为全屏页脚和页眉。
有什么帮助吗？
我有一个使用jquery的解决方案，我可以从"flow“中删除元素，并将其粘贴到其他地方，但是也许只有HTML5才有一个语义解决方案？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-05-19 15:33:38
为什么不将文章主体放在<article>中，并将其作为一个75%的宽度和25%宽度的<aside>中的相关链接，并同时浮动它们？<aside>标记用于某些相关的内容，但与内容本身是分开的。相关链接是def。适合<aside>。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37297255
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号