文档章节

使用Dreamweaver格式化HTML代码

freedonn
 freedonn
发布于 2014/06/23 19:11
字数 280
阅读 38
收藏 0

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

这样的代码是不是很让人抓狂呢?
未格式化的代码

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

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

第一步:依次点击菜单栏的 "编辑" - "首选参数" - "代码格式" ;
         (注:Dreamweaver版本不同可能会有些许差异)
第二步:格式设置你可以参考我的,也可以根据个人喜好设置:
格式化后的代码
第三步:依次点击菜单栏的 "命令" -"应用源格式",现在的代码是不是好看多了?!


本文转载自:http://hi.baidu.com/j2_wang/item/f58acd3702f4d9fa2784f4d9

共有 人打赏支持
freedonn
粉丝 25
博文 258
码字总数 16565
作品 0
潍坊
程序员
Dreamweaver格式化html代码提高代码质量

一、快速启动:Dreamweaver-html源代码自动格式化 把自己页面的源代码按照标准的格式整理好!也就是类似于: <table> <tr> <td> XXX </td> </tr> </table> 的格式,标签必须对整齐。 首先在[编辑......

刘小p
2011/08/10
0
2
zend studio和dreamweaver使用小笔记

1.修改默认字符编码 英文版:window——>Preferences——>General——>Workspace 下方可以看到设置文本文件编码 中文版:窗口-首选项-常规-工作空间 下方可以看到设置文本文件编码 设置对应的即...

须臾时光
2013/10/24
0
3
sublime text3使用笔记

一开始写PHP的时候,用的是Dreamweaver,用了一段时间,发现这个代码提示也不好用,格式化也不好用,而且dw自带的错误提示功能有问题。有时候代码明明是对的,在哪里显示个红叉叉,只要在那一...

qii
2015/06/16
0
6
DreamWeaver使用技巧十六则

1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方...

awbeci
2012/02/14
0
0
用eclipse修改PHP模板代码----我的经历

如今PHP程序很多,修改PHP的IDE与编辑器也多, 如PhpStorm,Sublime Text,NetBeans,Zend Studio,Notepad++,Eclipse with PDT,Dreamweaver,Aptana,Vim,phpDesigner,zendstudio,aptana. 当然使......

crossmix
2016/02/09
116
0

没有更多内容

加载失败,请刷新页面

加载更多

如何通过 J2Cache 实现分布式 session 存储

做 Java Web 开发的人多数都会需要使用到 session (会话),我们使用 session 来保存一些需要在两个不同的请求之间共享数据。一般 Java 的 Web 容器像 Tomcat、Resin、Jetty 等等,它们会在...

红薯
今天
3
0
C++ std::thread

C++11提供了std::thread类来表示一个多线程对象。 1,首先介绍一下std::this_thread命名空间: (1)std::this_thread::get_id():返回当前线程id (2)std::this_thread::yield():用户接口...

yepanl
今天
3
0
Nignx缓存文件与动态文件自动均衡的配置

下面这段nginx的配置脚本的作用是,自动判断是否存在缓存文件,如果有优先输出缓存文件,不经过php,如果没有,则回到php去处理,同时生成缓存文件。 PHP框架是ThinkPHP,最后一个rewrite有关...

swingcoder
今天
2
0
20180920 usermod命令与用户密码管理

命令 usermod usermod 命令的选项和 useradd 差不多。 一个用户可以属于多个组,但是gid只有一个;除了gid,其他的组(groups)叫做扩展组。 usermod -u 1010 username # 更改用户idusermod ...

野雪球
今天
3
0
Java网络编程基础

1. 简单了解网络通信协议TCP/IP网络模型相关名词 应用层(HTTP,FTP,DNS等) 传输层(TCP,UDP) 网络层(IP,ICMP等) 链路层(驱动程序,接口等) 链路层:用于定义物理传输通道,通常是对...

江左煤郎
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部