Question

我发现我的HTML非常笨重。小而简单的页面就可以了。但是在缩进和我拥有的标签种类之间有一个点，就不可能保持简短的线条。是否有W3C（或其他“官方”或广为接受的）格式指南，以获得干净，可维护的HTML？如果没有，社区可以提供哪些建议？

Answer 1

我的建议是不要担心。与大多数语言不同，HTML和XML对于程序员想要的任何样式重新缩进几乎是微不足道的。在HTML中，我使用width-2选项卡，并且经常有一些在编辑器窗口边缘运行的部分。除非你只是跳过文档的缩进部分，否则没有任何办法可以避免这种情况。

Answer 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>

Answer 3

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

我已经不再那么担心，只是尝试改进我目前正在处理的标记位。缩进在编程语言中似乎比HTML要大得多。

Answer 4

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

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

回到真正的问题，如果你记住一个规则，让你的html看起来很好很容易;将标签分成多行。以<a>标记为例。虽然除了使用像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库。

Answer 5

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

如果您使用的是模板系统，那么您在视图中没有任何内容，因此这些行只会包含变量和标记。

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

有HTML的样式指南吗？

5 个答案: