用 HTML 标记的古怪代码注释

简介:

现在我明白了,我在编程方面的很多做法都是古怪的、不入流的,不过,对我而言,多多少少是有帮助的。我的网站比大部分网站,肯定存在更多的问题,但是我交付的速度快了不少。你不都懂的。

我从来无法正确学到的一件事,就是注释我的代码。人们通常注释代码的方式如下:

PHP The Right Way 的代码摘录

PHP The Right Way 的代码摘录

上面的代码是从 PHP The Right Way 直接摘录的。我纠结的地方在于,代码缩进越深,代码就变得越发难以理解。如果你深入两个 foreach 循环,你该如何知道这部分代码起始何处?问题在于注释无法以某种方式来分割代码。你看不到某段代码的结尾。

你可以使用函数把代码简化为一行,这解决了很多问题。但是把每个小段代码弄成函数,也会减慢你的速度。

是否有一个折衷方案呢?

我受 HTML 的启发,其代码常常非常清晰,因为你能看到一个标签从哪儿开始、到哪儿结束。一目了然,下面是我相应做出的注释风格:

HTML 标记风格的代码注释

HTML 标记风格的代码注释

我在 PHP、JavaScript、Obj-C、甚至 Shell 脚本里使用这种注释风格,实际上对于我快速地搞清楚要编辑某个文件的哪个部分、以及其功能,让我节省了大量时间。

更有意思的是,如果你在用 Sublime Text,那么你还能折叠标签之间的整个代码,比如:

在Sublime Text 可折叠的HTML 标记风格的代码注释

在Sublime Text 可折叠的HTML 标记风格的代码注释

这可能违背了在 Hacker News 游荡的、留着大胡子的委员会编写的编码法则的宏大指导。不过还行,我没有留胡子。


本文来自云栖社区合作伙伴“Linux中国”,原文发布日期:2015-09-14

目录
相关文章
|
1月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
13 0
|
1月前
|
数据安全/隐私保护
7.常用的HTML标记
7.常用的HTML标记
13 0
|
1月前
|
前端开发
html空格代码怎么写
HTML中的空格可以通过多种方式实现,这取决于你想要在页面上显示的空格类型。以下是一些常用的方法来在HTML中创建空格
|
3月前
|
前端开发 JavaScript
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
25 0
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
N..
|
21天前
HTML常用标记
HTML常用标记
N..
12 1
|
24天前
当当网首页——html代码
当当网首页——html代码
8 1
|
26天前
网状的隧道穿梭特效HTML代码
网状的隧道穿梭特效HTML代码,效果是动态的,可以下载源码,自己在本地运行
12 0
网状的隧道穿梭特效HTML代码
|
1月前
自适应窗口图片轮播HTML代码
自适应窗口图片轮播HTML代码
18 2
自适应窗口图片轮播HTML代码
|
1月前
|
前端开发 容器
html居中代码怎么写
在HTML和CSS中,居中元素是一个常见的布局需求。无论是文本、图片还是整个容器,居中都可以使页面看起来更加整洁和对称。以下是几种常用的HTML居中方法及其代码示例。