HTML样式指南Google vs W3Schools(省略可选标签)

HTML样式指南Google vs W3Schools(省略可选标签),第1张

概述我正在阅读一些风格指南,并看到了相互矛盾的重新定位 关于可选标签. 谷歌说: Omit optional tags (optional). For file size optimization and scannability purposes, consider omitting optional tags. The HTML5 specification defines what tags c 我正在阅读一些风格指南,并看到了相互矛盾的重新定位
关于可选标签.

谷歌说:

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>

写这个也被认为是“坏看”,而Google会推荐它.

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

我发现W3CSchools对头标有所不同是非常有趣的

有没有充分的理由停止使用可选标签?
就个人而言,我发现代码的可读性较差,但这纯粹是基于意见的,我想通过一些培训我更喜欢一个而不是另一个.

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

这里的资源:

> Google Style guid
> HTML5 Style Guide
> html-include-or-exclude-optional-closing-tags
> Omitting optional tags of html

解决方法 很多时候我们使用可选的结束标记,因为它使文档更具可读性.正如谷歌所说,删除它们可以减少文件大小,但是,我们大多数人都没有谷歌的流量.那个建议适合那些做的人.然后,再一次,减少下载大小总是一件好事.

我经常完全忽略身体标签,因为在大多数情况下,即使是开始标签也是可选的.然而,存在这样的危险,即将其遗漏掉,并且遗漏结束标签可能会在以后引起问题.我会说将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(省略可选标签)全部内容,希望文章能够帮你解决HTML样式指南Google vs W3Schools(省略可选标签)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1061943.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存