H5W3
当前位置:H5W3 > 其他技术问题 > 正文

Dreamweaver格式化HTML代码

文章目录

  • 那如何使用Dreamweaver格式化代码呢?

今天偶然发现了DreamWeaver(DW)的一个非常有用的功能,就是代码的格式化功能。一般情况下,我们写的html或者css代码都计较混乱,难以阅读,即使刚开始很在意代码的可读性,但是等到所使用的标签越来越多,嵌套越来越深,这时我们已经很难去掌控html代码的格式问题了。废话不多说,先看看没有格式化的代码和格式化后的代码的区别:

这样的代码是不是很让人抓狂呢?

使用Dreamweaver格式化HTML代码

格式化后的代码,使用适当的缩进和换行,可读性就好多了!

使用Dreamweaver格式化HTML代码

那如何使用Dreamweaver格式化代码呢?

第一步:依次点击菜单栏的 “编辑” – “首选参数” – “代码格式” (注:Dreamweaver版本不同可能会有些许差异)
第二步:格式设置你可以参考我的,也可以根据个人喜好设置:

使用Dreamweaver格式化HTML代码

第三步:依次点击菜单栏的 “命令” -“应用源格式”,现在的代码是不是好看多了?!

— 完 —

帮到我了,谢谢。

@noevil 不客气!

thx 帮大忙了

哎呦,文章都不错哦,用这么久dw了,都没有发现,太谢谢了!

谢谢了,帮我大忙了。

这个对读别人的代码都挺有帮助的

谢谢楼主,正在找这种办法!!

正在按着博主的主题制作教程写主题,自己写到现在都乱了,正好用这个格式化下。

以后学习写代码的时候可以用上。Thanks

一点反应都没有。。。求教

@Schenming 纯html代码

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
这样的行 都成了?
害人呐~~

thank you so lot

很多文本编辑器都是有类似的插件的,但是各有各的爱好和习惯,知道这个功能就好

本文地址:H5W3 » Dreamweaver格式化HTML代码

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址