搜课云网 > 科美教育 > 学员问答

源代码的整理技巧有哪些?

机构:科美教育 时间:2015-07-14 13:30:19 点击:270

   源代码的阅读以及整理是一项很重要的能力,刚接受一个项目或者进入一个公司,都需要我们很快进入状态,对其进行调整。对于存在缺陷的旧版浏览器需要进行某些调整,关于调整的方法详见《什么是CSS Hack》?了解的原因是CSS源代码也一样,需要适度加入注释有助于了解内容,那么源代码的整理技巧有哪些?郑州科美教育电脑培训学校进行以下详述。

  整理源代码时,适当的换行能让源代码读起来更容易,换行时应以区域标签为单位,以<div>和<p>标签换行。如果要写成有层次的结构,适度以Tab或半形空白来创建出层次关系,源代码中的半形空白不会被程序处理,因此不会出现问题。标签属于内文标签,Dreamweaver等网页编辑软件自带的整理功能无法以标签进行换行,如果源代码杂乱不易阅读时可自动换行。<ul>标签如果以换行整理之后也会较易阅读,但是源代码中的内文以Enter键换行之后,在网页上会以半形空白呈现,如果单行文字太长,可以插入<br/>标签,使标签的前后文分为不同行。

 

  源代码可以用加入注释的方式来调整,注释是利用一些不会影响源代码显示的标签,写下对于某行货某段源代码的备忘或解释一共参考。如果有多为程序人员参与该源代码的开发维护时,注释必须记录,为了让注释容易被搜索,有时候也会加入空行。

  CSS源代码也一样,适度加入注释有助于了解内容。HTML和CSS的注释都可使用中文记录,但文字的显示也根据网页文字编码设定,这点必须注意。如果设定为UTF-8,几乎就不会有问题了。

  有标签包围起来的注释不会出现在网页上,因此也可应用在暂时取消的某段源代码上。把有时效性的信息或想要即刻取消作用的源代码以注释的方式标记,就可以让被标记的部分不被显示,不被浏览器处理,这种方式被称为“comment out”。

  增加新的标签,也加强许多技能

  HTML5除了具有目前HTML的功能之外,在文件结构、embed相关标签、form相关标签和API上都有所加强,这些改变让网页操作变得更加简单。例如,video标签能支持动画播放,使iPhone拍摄的影片能直接上传,section标签等文件结构之间的关联强化后,有利于搜索引擎和支持无障碍性的技术来处理HTML文件。此外各种API有利用JacaScript获得资料存储、双向流通和坐标位置获取等功能,因此Gmail及GoogleMap等网页应用程序也会逐渐增加。

  在HTML5规格制定的同时,支持的浏览器也持续增加,各浏览器品牌也发表了以HTML5技术制作的展示网站。目前已经有许多网站利用HTML5技术制作,网页是否以HTML5完成,只要观看源代码开始处的文档类型定义即可,jiushi HTML5的文件格式。与之前的HTML 4.01相比,文档类型定义更简单,这也是其特色之一。

  HMTL5继承了HTML4.01和HTML1.1的优点,并有大幅度的优化。此外,HTML5的规格并非一人制定,各浏览器开发商以及网站制作者也积极提供意见,今后将会更为普及。

免费试听

免费体验课开班倒计时

11: 59: 59

稍后会有专业老师给您回电,请保持电话畅通

咨询电话:15893081958
陈老师 QQ:3429316823