当“查看源”时，一些站点有整齐的标记，有些站点没有。为什么？ （附图）

Question

请注意，在“丑陋”方面，doctype一直是缩进的，而某些元线延伸过左缩进。

在浏览器中查看源代码时，如何让我的标记看起来整洁？在使用编辑器时是否有某种方法对代码进行编码？我顺便使用Notepad ++。

Answer 1

左侧看到的大块未缩进代码可能是在服务器端写出来的，因此虽然创建它们的标签在HTML中很好地缩进，但是erver脚本输出不会遵循这一点。

Answer 2

这不是关于编码，而是编写简洁的源代码，哈哈。如果您从php或其他东西输出，您可以使用跟踪缩进每个东西的距离，或者您使用某种模板输出函数来跟踪打开的标记数量，并每次缩进正确的数量。但是，拥有整洁的HTML是没有意义的，唯一重要的是它是有效的。当您尝试调试时，开发人员工具会让您整洁，实际上删除所有用于使其整洁的空白可以减少您的页面大小。

Answer 3

丑陋的人可能在底层的php或其他来源中看起来很漂亮。一旦生成HTML，它看起来很难看，而且很少有程序员会尝试这样做 - 这不值得。

Answer 4

有趣的是，你列为“丑陋”的东西似乎正好缩进给我......至少从我从截图中可以看出来的。

无论如何，没关系。这些天大多数时候，站点是用动态的东西制作的，并且没有明确输出很多HTML格式。

如果您要在我的许多网站上查看来源，那么它就会在一条线上拼凑在一起，因为这就是我如何回应它。我没有看到在换行上浪费字节的重点。特别是现在，所有可用的浏览器工具都可以在调试时重新格式化源代码。

Answer 5

我使用Eclipse进行编码，我可以使用Source-＆gt; Format来清理我的代码并很好地格式化。

对于Notepad ++，我相信你可以按照Formatting code in Notepad++

使用HTML整理

TextFX - ＆gt; HTML整洁 - ＆gt; Tidy：Reindent XML

Answer 6

您确实希望HTML代码如下所示： 视图源：http://lightningsoul.com/

因为它使用最少量的数据向浏览器呈现自己。请记住，缩进和空格会消耗数据以及任何其他字符。