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

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

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

<p>
<div>

但我也喜欢有关的意见

<span>

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

解决方法

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

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

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

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

原文地址：https://www.jb51.cc/html/226876.html