文档章节

使用Dreamweaver格式化HTML代码

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

没有更多内容

加载失败,请刷新页面

加载更多

cnetos7+docker+rancher构建基于DevOps的全自动CI【01】

来自DevOps实践分享,分享从开发代码到生产环境部署的一条龙操作的实践及经验, 包含工具技术的选型及考量、私有代码库与私有镜像库的应用等。 1、环境选择 安装Rancher环境,一定要在干净的...

Elson
9分钟前
0
0
21分钟教会你分析MaxCompute账单

背景 阿里云大计算服务MaxCompute是一款商业化的大数据分析平台,其计算资源有预付费和后付费两种计费方式。并且产品每天按照project为维度进行计量计费(账单基本情况下会第二天6点前产出)...

zhaowei121
12分钟前
0
0
CTO职场解惑指南系列(一)

基于科技能够改变世界的事实,几乎每个公司的程序员都自带闪光灯。程序员的手和普通人的手自然是有区别的,“我们可是用双手改变了世界” 。(码农真的是靠双手吃饭,呵呵) 这个世界上但凡靠...

阿里云云栖社区
17分钟前
0
0
css实现图片自适应容器宽高

css实现图片自适应容器宽高的做法一般如下所示 <style>div{width: 200px; height: 200px}div img{width: 100%; height: 100%}</style><div><img src="xxxx.png" /></div> 当外层容......

小草先森
17分钟前
0
0
PlatON在CentOS上编译部署

本文作者为万向区块链CTO罗荣阁。 目录 PlatON在CentOS上编译部署 1. CentOS 环境准备 1.1. 使用rpm 安装devtoolset-7 1.2. 使用rpm 安装dos2unix 1.3. 准备PlatON代码 1.4. 确保build脚本正...

万向区块链
25分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部