1

老实说，我发现我的 HTML 非常笨拙。小而简单的页面是可以的。但是，在缩进和我拥有的各种标签之间，有一点是不可能的。是否有用于干净、可维护的 HTML 的 W3C（或其他“官方”或广为接受的）格式指南？如果没有，社区可以提供什么建议？

4

5 回答 5

2

我的建议是不要担心。与大多数语言不同，HTML 和 XML 几乎可以轻松地重新缩进为程序员想要的任何样式。在 HTML 中，我使用宽度为 2 的选项卡，并且经常有部分超出编辑器窗口的边缘。除非您只是跳过文档的缩进部分，否则实际上没有任何方法可以避免这种情况。

于 2008-10-09T19:02:00.687 回答
2

我通常将每个“块”类型的元素放在一个新行上，并且每次都缩进它。即使有少量代码，它也有助于元素的变化。当我格式化一小段代码时，我保留在同一行的唯一项目是粗体和斜体标签以及偶尔的 div 和 span 标签，所以你会看到如下内容：

<p>
   This is my <b>fancy</b> code block of text here. This will
   typically wrap forever and <div class="SarcasticStyle">EVER</div> until
   I run out of things to say.
   <br/>
   Yeah, I think that's it.
</p>
于 2008-10-09T19:04:01.323 回答
1

我曾经对我的 HTML 中的空白非常严格（每个缩进级别有 2 个空格，没有制表符，组部分之间有一个空格等）。不过，在进入更多服务器端编程之后，我发现保持格式看起来恰到好处越来越难。Dreamweaver 在这方面臭名昭著。我似乎无法通过使用制表符来获取应用程序，这最终导致源代码在其他文本编辑器中看起来不同。

我已经不再担心了，只是尝试改进我目前正在处理的一些标记。在编程语言中，缩进似乎比 HTML 更重要。

于 2008-10-09T19:29:57.370 回答
1

我不得不不同意你选择的答案。你应该担心你的 html 是什么样子的。有了所有花哨的 ide，似乎开发人员对 html 并没有像他们应该做的那样谨慎。输出到浏览器的生成的 html 对您网站的可访问性和搜索引擎优化都有重大影响。有多少人在那里建立网站甚至知道<label>标签的作用？它将标签与表单元素联系起来，这对于通过屏幕阅读器“查看”网络的视障人士来说非常重要。

如果您的 html 嵌套得如此之深以至于您的缩进级别超过十级，那么您真的需要考虑重构您的设计——就像您的程序代码采用这种方式一样。

回到真正的问题，如果你记住一条规则，让你的 html 看起来很漂亮是很容易的；将标签分成多行。以<a>标签为例。虽然您确实不能对 url 本身做太多事情，但除了使用像bit.ly这样的缩短服务之外，将标签分成多行，如下所示：

<a href="https://rads.stackoverflow.com/amzn/click/com/1430209879" rel="nofollow noreferrer"More Joel on Software: Further Thoughts on Diverse and
          Occasionally Related Matters That Will Prove of Interest to
          Software Developers, Designers, and ... Luck, Work with Them
          in Some Capacity (Pro) (Paperback)">Another Joel on Software book</a>

您还可以查看自动进行 html 格式化的方法。像tidy ui和htmltrim这样的独立应用程序可以做到这一点，或者您可以获得可以与您的应用程序集成的htmltidy库。

于 2008-10-10T05:01:26.127 回答
0

我只是正确缩进，不用担心行长。

如果您使用的是模板系统，那么视图中无论如何都没有任何内容，因此这些行将只有变量和标签。

基本上尽可能多地远离 HTML，这不是问题。

于 2008-10-09T19:03:13.320 回答