一些HTML代码的编写风格建议小结

2019-01-15 09:24:25于海丽

hr 是一根线, 分割内容的横线. 我一直认为 hr 是个蹩脚的东西, 画出来的线用 CSS 好不好处理, 毫无用处. 其实 hr 在语义上是文章的分割线, 将文章上下文完全划分开, 让它们毫无关系.

其作用就像很多日志类博客文章里面出现的下图的分割线, 只不过 hr 在语义上也是如此, 爬虫也能理解.
2016310120400893.png (600×180)

为什么我们习惯用 a 标签做按钮?

不是 input type="button" 可以理解, 因为低版本的 IE 上看不到 hover 效果. 但为什么或者 span, 而是 a 标签? a 标签做成按钮, 不带 href, 这种做法是对的吗? 我还没想好, 以前这么做就像是条件反射一样.
2016310120417859.png (600×341)

后话

Google 的 HTML/CSS 代码风格指南是一个短小精悍的建议性代码编写手册, 很有用, 但请不要迷信. 像里面有一项, 建议使用两个空格作为缩进, 在很多团队可能不具有可行性, 我们团队现在用的还是 tab.

该手册中很多 HTML 建议都是针对 HTML5 的, 但这里是用 HTML 风格而非 XHTML 风格, 很多地方为了省略代码实际上削弱了代码的可读性, 大家应该对其取舍有所判断.