gpt4 book ai didi

HTML 风格指南 Google vs W3Schools(省略可选标签)

转载 作者:搜寻专家 更新时间:2023-10-31 08:25:35 28 4
gpt4 key购买 nike

我在阅读一些风格指南时看到了相互矛盾的建议关于可选标签。

谷歌说:

Omit optional tags (optional). For file size optimization and scannability purposes, consider omitting optional tags. The HTML5 specification defines what tags can be omitted.

(This approach may require a grace period to be established as a wider guideline as it’s significantly different from what web developers are typically taught. For consistency and simplicity reasons it’s best served omitting all optional tags, not just a selection.)

W3CSchools 说:

Close All HTML Elements In HTML5, you don't have to close all elements (for example the <p> element).

We recommend closing all HTML elements:

We do not recommend omitting the < html > and < body > tags.

这意味着 Google 更喜欢:

<!-- Recommended -->
<!DOCTYPE html>
<title>Saving money, saving bytes</title>
<p>Qed.

W3CSchools 更喜欢:

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

写这个也被认为是“难看的”,而谷歌会推荐它。

<section>
<p>This is a paragraph.
<p>This is a paragraph.
</section>

我发现 W3CSchools 在 head 标签方面有所不同非常有趣

有什么理由停止使用可选标签吗?就我个人而言,我发现代码的可读性较差,但这纯粹是基于意见,我想经过一些培训后我更喜欢其中一个。

Google 表示这是为了尺寸优化和可扫描性目的,但这真的是一个很好的理由吗?下面的文章提出了一些建议,但在我看来更多的是基于意见,我正在寻找停止使用可选标签的充分理由

资源在这里:

  1. Google Style guid
  2. HTML5 Style Guide
  3. html-include-or-exclude-optional-closing-tags
  4. Omitting optional tags of html

最佳答案

很多时候我们使用可选的结束标签,因为它使文档更具可读性。正如谷歌所说,删除它们会减少文件大小,但是,我们大多数人都没有谷歌那样的流量。该建议适用于那些这样做的人。话又说回来,减少下载大小总是一件好事。

我经常完全省略 body 标签,因为在大多数情况下甚至开始标签也是可选的。但是,将其遗漏和遗漏结束标签存在危险,可能会在以后引起问题。我会说放入 body 标签并关闭所有元素可以消除导致这些问题的可能性。例如,您只能在某些情况下不使用 html 和 body 标签。

Reading the spec:

An html element's start tag can be omitted if the first thing inside the html element is not a comment. An html element's end tag can be omitted if the html element is not immediately followed by a comment.

对于某些人来说,这非常重要。对其他人来说不是。

对于动态生成的网站来说,这可能是一个更大的问题,因为这些网站的内容是动态创建的,周围的元素可能是未知的。你真的知道下面的元素会导致一个 div 元素被关闭吗?

关于HTML 风格指南 Google vs W3Schools(省略可选标签),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37030607/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com