HTML’容器’标签 – 正确使用？

发布时间：2020-12-14 16:45:19 所属栏目：资源来源：网络整理

导读：有一段时间我一直在制作网站,但从未真正看到有关容器标签正确使用的讨论.我在集合标签中看到了许多不同类型的内容,但通常看起来页面创建者只选择他们喜欢的样式并坚持使用它. 我心中的主要差异在于两者之间 pdiv 但我也喜欢有关的意见 span 以及我可能忘记的

有一段时间我一直在制作网站,但从未真正看到有关容器标签正确使用的讨论.我在集合标签中看到了许多不同类型的内容,但通常看起来页面创建者只选择他们喜欢的样式并坚持使用它.

我心中的主要差异在于两者之间

<p>
<div>

但我也喜欢有关的意见

<span>

以及我可能忘记的任何其他人.

最初创建HTML是为了将文档内容放入计算机可理解的某种结构中.考虑到这一点,如果要将页面的内容转换为打印文档,则p标签应该包含任何将被构造为段落的内容. div和span元素被保留为通用容器,以便于相关元素的格式化和分组,以提供额外的结构级别,可能与文本文档中的页面相关.

在某些情况下,p标签应该包含其他元素,例如anchor(a),image(img)和其他内嵌元素,因为它们直接与段落其余部分的内容相关,因此将它们分组是有意义的.方式,或段落其余部分的文字提供了更深入的描述.

但是,如果没有对这些元素的额外描述,那么将它们作为方便的容器放在段落中是没有意义的; div更合适.通常,段落应该包含一段文本和任何直接相关或描述的元素.在段落中没有其他任何内容.

更新：HTML5还添加了许多其他语义“容器”元素,包括文章,导航,标题,部分和旁边.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!