55

最佳做法是什么？

 <HTML> or <html>

为什么我们应该坚持一个特定的案例？

然而，所有浏览器似乎都能解释这两种情况并返回预期的输出。

4

7 回答 7

62

小写的“要求”是 xHTML 的遗留物，它明确要求它。

另一方面，plain old HTML 不遵循 XML 严格的结构要求，因此对大小写的使用没有固定要求。

然而，无论如何，开发人员都倾向于坚持使用小写字母作为惯例，主要是因为在您处理它时它更容易阅读，并且更容易输入。但这只是一个约定；没有什么强迫它。如果您有带有大写标签的现有代码，它们将起作用，并且没有什么能阻止您继续以这种方式编写标签。

不过需要注意的另一件事是：在所有浏览器中，当浏览器加载 HTML 文档并对其进行解析时，它会将其转换为 DOM（文档对象模型）。如果您随后使用浏览器的内置开发人员工具检查站点，则当您查看 DOM 时，DOM 中的所有元素都将显示为小写，无论它们在实际源代码中是如何编写的。

出于这个原因，如果您坚持使用小写，您会发现使用开发工具更容易，因为您在 DOM 视图中看到的代码将与您编写的源代码更加一致。

于 2013-11-06T09:47:00.780 回答
28

规范中唯一相关的部分说：

  • HTML 标记和属性名称不区分大小写。
  • XHTML 标记和属性名称区分大小写，并且必须小写

任何标准中未提及的内容：

  • 小写通常被认为更容易阅读
  • 小写是最常见的（以及人们习惯使用的）
  • 一直按住 shift 键或切换 CAPS LOCK 很痛苦
于 2013-11-06T09:43:26.680 回答
5

可能非常小，而且我没有证据支持它，但我敢打赌，使用小写标签会非常轻微地提高页面的 gzip/deflate 可压缩性，因为大多数文本也可能是小写的。

于 2016-05-10T19:15:15.457 回答
3

前端框架可能依赖于小写约定

其他答案是正确的，但是编写小写 HTML 的另一个原因（可能比“坚持约定”更重要）是某些前端框架将依赖此约定来区分 HTML 和用户定义的组件或模板（通常以大写字母开头）。React、Svelte和Astro就是其中的一些示例，如下所示。

这意味着如果您使用的是前端框架，则可能无法使用大写字母编写 HTML 标签。如果您不使用前端框架，那么将来使用它可能会更加困难。

例子：

反应

当元素类型以小写字母开头时，它指代内置组件，如<div>or<span>并导致字符串'div' or'span'传递给React.createElement。以大写字母开头的类型，例如<Foo />编译React.createElement(Foo)并对应于您的 JavaScript 文件中定义或导入的组件。

我们建议使用大写字母命名组件。如果您确实有一个以小写字母开头的组件，请在 JSX 中使用它之前将其分配给大写变量。

苗条

小写标记，如 ，表示常规 HTML 元素。大写的标签，例如<Widget>或<Namespace.Widget>，表示一个组件。

天文

请注意，Astro 组件必须以大写字母开头。Astro 将使用它来区分原生 HTML 元素（form、input等）和您的自定义 Astro 组件。

于 2021-07-27T01:56:21.177 回答
2

使用一种特殊情况很重要，以防止混淆。但是使用大写或小写不会改变任何事情。

于 2013-11-06T09:41:41.873 回答
2

我更喜欢小写，因为这是 HTML 5.2 规范所使用的： https ://www.w3.org/TR/html52/introduction.html#a-quick-introduction-to-html

HTML 4.0 规范以大写形式显示 HTML 标记，但规范本身在其 HTML 代码中使用小写标记： https ://www.w3.org/TR/html40/struct/global.html

Java 的 javax.swing.text.html.Html.Tag 类使用小写（尽管 Java 常量是大写的，这与 Java 的命名约定一致）。

Go 的 godoc 工具使用小写。

于 2019-02-21T06:53:35.610 回答
1

基本上 HTML 是不区分大小写的。输入 HTML 标记或 HTML 标记属性时可以使用小写或大写，但 XHTML 需要小写。在为将来的升级做准备时，使用小写的 HTML 标记和 HTML 标记属性

于 2013-11-06T09:45:49.160 回答