文档章节

使用Dreamweaver格式化HTML代码

freedonn
 freedonn
发布于 2014/06/23 19:11
字数 280
阅读 40
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

firewalld

1. firewalld 是什么 CentOS中默认是有 firewalld, iptables, etablesd firewalld 是 CentOS7/RadHat7 中默认的防火墙管理工具. firewalld 工具用来管理里netfilter, 不过底层还是调用的还是...

Fc丶
32分钟前
1
0
Java 源代码和 C 源代码的运行区别

与其他程序的执行方式和编译方式不同。 Java 源代码需要进行编译成字节码后在 Java 虚拟机上运行,这样 Java 程序能够保持独立性和跨平台功特性。 请参考下图。 https://www.cwiki.us/pages...

honeymose
今天
5
0
Apache限定目录解析PHP,限制user_agent,PHP相关的配置

Apache限定目录解析PHP 配置前访问upload/index.php [root@test-a ~]# curl -x192.168.77.139:80 'www.test.com/upload/index.php'This is upload diretory 配置,/usr/local/apache2.4/......

野雪球
今天
5
0
java.util.Concurrent.Exchanger源码

类图 源码: package java.util.concurrent;import java.util.concurrent.atomic.AtomicInteger;import java.util.concurrent.atomic.AtomicReference;import java.util.concurrent......

狼王黄师傅
今天
6
0
Kubernetes里的secret最基本的用法

Secret解决了密码、token、密钥等敏感数据的配置问题,使用Secret可以避免把这些敏感数据以明文的形式暴露到镜像或者Pod Spec中。 Secret可以以Volume或者环境变量的方式使用。 使用如下命令...

JerryWang_SAP
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部