使用Dreamweaver格式化HTML代码

日期： 标签：Web，经验，网页设计
如需帮忙改代码，或者WordPress二次开发、PHP网站建设等需求，可联系我购买付费服务：  点此联系我
文章目录

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

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

未格式化的代码

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

格式化后的代码

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

第一步：依次点击菜单栏的 "编辑" - "首选参数" - "代码格式" （注：Dreamweaver版本不同可能会有些许差异）
第二步：格式设置你可以参考我的，也可以根据个人喜好设置：

格式化后的代码

第三步：依次点击菜单栏的 "命令" -"应用源格式"，现在的代码是不是好看多了？！

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息：
原文出处：露兜即刻 https://www.ludou.org/use-dreamweaver-to-fomat-html-code.html
露兜
作者：露兜 » kaapass@outlook.com  QQ 825533758

业余编程爱好者。

14 条留言

点此留言
  1. noevil

    帮到我了，谢谢。

    回复
  2. beckyao

    thx 帮大忙了

    回复
  3. pcyear pcyear

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

    回复
  4. panerai panerai

    谢谢了，帮我大忙了。

    回复
  5. 艾菲路之王

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

    回复
  6. hikki_star

    谢谢楼主，正在找这种办法！！

    回复
  7. 猫理会会长 猫理会会长

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

    回复
  8. Aaron Aaron

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

    回复
  9. Schenming

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

    回复
  10. dfdfdf

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

    回复
  11. 三郎

    thank you so lot

    回复
  12. BanYuner BanYuner

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

    回复

发表留言