Html 元素之间的空间-这是否使代码更干净？

这是示例代码，不是我正在处理的实际项目：

部门资讯指南{
宽度：800px；
边界：2px；
高度：自动；
}
部门mynews1{
浮动：左；
填充物：5px；
背景颜色：黄色；
字体大小：14px；
宽度：80px；
高度：600px；
}
我的新闻2组{
利润率：10px；
背景颜色：蓝色；
字体大小：20px；
颜色：白色；
宽度：400px；
高度：600px；
}
我的网页
这是标题
它起作用了！
很好，成功了

干净的HTML代码通常有缩进，这样就很容易区分哪些

与每个

匹配

您可以使用联机工具或一些文本编辑器（如VS代码）自动格式化文档

我认为每个内部

div

周围的空间有帮助，但这只是一个意见问题

以下是我如何格式化HTML以提高可读性：

部门资讯指南{
宽度：800px；
边界：2px；
高度：自动；
}
部门mynews1{
浮动：左；
填充物：5px；
背景颜色：黄色；
字体大小：14px；
宽度：80px；
高度：600px；
}
我的新闻2组{
利润率：10px；
背景颜色：蓝色；
字体大小：20px；
颜色：白色；
宽度：400px；
高度：600px；
}
我的网页
这是标题
它起作用了！
很好，成功了

添加缩进，并使用语义上具有完整含义的元素，如

部分

，

标题

，

导航

，

旁侧

，…而不是

div

元素，您不能总是避免

div

元素，但是，如果您要使用

div

，您应该考虑它是否仅用于样式设计，或者它是否还具有语义含义。而且

也很有用。这个问题要么太广泛，基于观点，要么需要讨论，因此不适合堆栈溢出。如果您有一个特定的、可回答的编程问题，请提供完整的详细信息。同时将样式表提取到一个单独的文件中，使标记/结构和样式不在同一个文件中。在前面提到的压痕旁边，压痕比使用空行进行视觉分隔更重要。