Google HTML/CSS 风格指南:删除非必需标签

Google的HTML/CSS风格指南上说,为了减少文件体积和加强HTML标签的被解析能力,建议删除非必需标签。HTML5规范说明了哪些标签是可以删除的。

(考虑到这和开发者学到的HTML差别太大,这项建议应该是一个循序渐进的过程。为了统一性和简洁,应该删掉所有的非必需标签,而不是删掉其中的一部分)。

example:

<!-- Not recommended -->
<!DOCTYPE html>
<html>
  <head>
    <title>Spending money, spending bytes</title>
  </head>
  <body>
    <p>Sic.</p>
  </body>
</html>


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

kgtm说:等到全面引入,应该还是比较有意义的,但是我觉得最好一步一步来,每一步明确一下什么标签不能加了。遵守“明确比模糊好”(The Zen of Python)的原则。

这样不光对缩小文件体积有好处,对开发者也很友好,具有统一性。想想HTML4/4.1吧,每次该不该关闭<p>标签我都会纠结:

如果p元素后面跟的是address, article, aside, blockquote, details, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, menu, nav, ol, p, pre, section, table, 或 ul element,就不能关闭,如果父元素没有内容并且父元素是一个HTML元素,不是a, audio, del, ins, map, noscript, 或 video 元素,也不用关闭。

Pxtl说:作为一个要用大量xml的人,根标签竟然是非必需的……不可思议……

danjoc说:为什么Google要发布风格指南,不直接发布一种新的HTML形式,比如gofmt for html?让软件遵守这些规则比让人遵守规则简单多了……

原文Google HTML/CSS Style Guide – Omit Optional Tags(评论翻译自HackerNews)
作者:Google 翻译:赖信涛 责编:仲培艺

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值