HTML 5语义
我已经读了很长一段时间关于HTML 5的正确语义，并且仍然不确定一些事情。
我的网站从数据库中输出如下：
- 标题(目前正在使用
<h2>) - 退出(目前正在使用
<p>) - 图像(目前使用的是
<img>，没有包装器元素) - 打开/关闭(当前使用
<p>) - 服务
- 苹果酒(是/否)
- 葡萄酒(是/否)
- 草稿(是/否)
我对此感到非常困惑：
每个结果<div>现在是否应该在一个<section>元素中，所以一个页面将输出10个结果(全部在一个<section>中)，还是使用一个<section>来包含结果，因为它是一个结果<section>，并且每个结果都保存在一个<div id="unique_number">中？
谢谢
回答 2
Stack Overflow用户
发布于 2011-08-10 20:38:23
节是内容的主题分组，通常带有标题。在你的情况下，我会用一节预测结果。
示例：
<section>
<header><h1>Trollinger</h1></header>
<p>Red, Delicious</p>
<img/>
<p>open</p>
<ul>
<li>cider</li>
<li>wine</li>
<li>draft</li>
</ul>
</section>参考资料：http://dev.w3.org/html5/spec/Overview.html#the-section-element
Stack Overflow用户
发布于 2011-08-10 20:39:09
网页的标题应该在<title>Title</title> (位于<head>中)中设置，在带有<h1>的页面(在body中)中设置。这是语义和搜索引擎优化友好。
“描述”(Description)，如果是单独的，可以是一个<span>. (如果它是其他文本的一部分)，一个段落是好的，但是通常段落并不是单独的，所以如果是这样的话，就使用span。图片:视情况而定。如果这个图像是纯粹的造型-可能是一个漩涡在背面或一个梯度-它应该设置为背景-一个元素在CSS中的图像。如果是实际内容(如徽标、照片)，则使用<img>标记。我将猜测“打开”和“关闭”是交互元素、链接或按钮。如果是这样，请使用<button>或锚点：<a>，而不是段落。如果这些是标题，请使用标题标记之一。既然您使用了<h1>，那么就使用<h2> (除非它不是一个非常重要的标题)
至于你的“结果”，根据规格
节元素表示文档或应用程序的泛型部分。在这种情况下，一节是内容的主题分组，通常带有标题。
另外，
节元素不是泛型容器元素。当需要一个元素来设计样式或为脚本编写提供方便时，作者会被鼓励使用div元素。一般规则是，只有当元素的内容在文档的大纲中显式列出时，区段元素才是合适的。
因此，在您的例子中，搜索结果的<div>可能是好的。
https://stackoverflow.com/questions/7017360
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号