开发者社区> 寒凝雪> 正文

用 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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
HTML的div标记为何设置背景色无效?
HTML的div标记为何设置背景色无效?
89 0
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
124 0
Html之 图像标记
Html之 图像标记
115 0
Html之标记
Html之标记
34 0
HTML——input标记的典型应用(制作简单信息表单)
HTML——input标记的典型应用(制作简单信息表单)
60 0
盘点HTML中常见的ul ol 列表和常见的列表标记图标
盘点HTML中常见的ul ol 列表和常见的列表标记图标
190 0
HTML-文字标记 超链接锚点
在网页中文本都是用标记包住的文字效果 <!-- 文档规范引用 --> <html> <head> <meta charset="utf-8" /> <title>嘻嘻哈哈</title> </head> <body> <!-- <f...
813 0
HTML 5中的标记方法
内容类型 (ContentType) 首先, HTML 5的文件扩展符与内容类型保持不变。也就是说,扩展符仍然为" .html" 或 ".htm" ,内容类型 (ContentType)仍然为 "text刷html" DOCTYPE声明 DOCTYPE声明是HTML文件中必不可少的,它位于文件第一行。
2935 0
+关注
寒凝雪
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
天猫HTML5互动技术实践
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多