首页 > 解决方案 > 缩进 HTML 元素、同一行还是嵌套元素?

问题描述

我想知道是否有标准或“正确”的方式在 HTML 元素中包含内容。我了解到内容应该在开始和结束标签之间,并且都在同一行(或者更确切地说,不是嵌套),如下所示:

<h2>Heading 2</h2>
<p>In tincidunt enim justo, sit amet consectetur odio dignissim nec.</p>

然而,随着段落变长,这变得有点难以阅读。你能像这样嵌套元素内容吗?

<h2>
   Heading 1 and some additional text
</h2>
<p>
   In tincidunt enim justo, sit amet consectetur odio dignissim nec. Curabitur aliquet porttitor.
</p>

我觉得这变得更容易阅读,但我不知道这是否与“正确”相悖。你能把两者混合搭配吗?

下面的照片显示了两种不同格式类型之间更真实的示例,我认为这有助于显示两种样式之间的可读性。

另外,这是我的第一篇 Stack Overflow 帖子!这个社区很棒,对我帮助很大。我很高兴开始提出问题并成为更活跃的成员!谢谢大家。

具有不同段落样式的图像:

具有不同段落样式的图像

标签: htmlindentation

解决方案


是的,在 HTML 中,换行的位置并不重要。如果您愿意,可以将所有代码放在一行中。


推荐阅读