文档章节

使用Dreamweaver格式化HTML代码

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

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

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

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

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

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


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

共有 人打赏支持
freedonn
粉丝 26
博文 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
Dreamweaver® CS4 新增功能

新增功能 下面是 Adobe® Dreamweaver® CS4 最新功能的列表。 实时视图 Dreamweaver CS4 使您在保持直接访问代码的同时,能够使用新的“实时”视图在实际的浏览器条件下设计网页。对代码所做...

晨曦之光
2012/03/09
0
0
细谈Dreamweaver扩展插件

网站设计人员都知道插件,扩展插件又很重要。 需要了解到Dreamweaver扩展(插件)制作的基本步骤,即了解扩展文件(.mxp)在打包前的文件结构及文件内容。可参看“使用扩展管理器”帮助文档(...

crossmix
2015/12/24
31
0
html与xhtml的区别

1, HTML 与 XHTML 的区别 HTML 与 XHTML 是一种语言还是两种语言?基本上可以认为,它们是一种语言的 不同阶段,有点类似于文言文和白话文之间的关系。因此它们也经常被写作 (X)HTML 。下面...

bigfool007139
2014/11/23
0
0
Dream ware5.5倾力支持PhoneGap

对于Android,安装配置和验证的Android SDK的过程,一直有点繁琐。Dreamweaver中CS5.5注意到这个过程中所有的繁琐,通过提供“易安装”的选项,它会为你做在背后做好这些配 置。虽然苹果iOS...

PhoneGap
2011/09/14
0
0
分享5个主流的HTML5开发工具

概述:HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。今天,小编将为大家推荐几个主流的HTML5开发工...

Emilypz
2015/09/21
2.9K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

实现异步有哪些方法

有哪些方法可以实现异步呢? 方式一:java 线程池 示例: @Test public final void test_ThreadPool() throws InterruptedException { ScheduledThreadPoolExecutor scheduledThre......

黄威
今天
0
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

六库科技
今天
0
0
牛客网刷题

1. 二维数组中的查找(难度:易) 题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入...

大不了敲一辈子代码
今天
0
0
linux系统的任务计划、服务管理

linux任务计划cron 在linux下,有时候要在我们不在的时候执行一项命令,或启动一个脚本,可以使用任务计划cron功能。 任务计划要用crontab命令完成 选项: -u 指定某个用户,不加-u表示当前用...

黄昏残影
昨天
0
0
设计模式:单例模式

单例模式的定义是确保某个类在任何情况下都只有一个实例,并且需要提供一个全局的访问点供调用者访问该实例的一种模式。 实现以上模式基于以下必须遵守的两点: 1.构造方法私有化 2.提供一个...

人觉非常君
昨天
0
0
《Linux Perf Master》Edition 0.4 发布

在线阅读:https://riboseyim.gitbook.io/perf 在线阅读:https://www.gitbook.com/book/riboseyim/linux-perf-master/details 百度网盘【pdf、mobi、ePub】:https://pan.baidu.com/s/1C20T......

RiboseYim
昨天
1
0
conda 换源

https://mirrors.tuna.tsinghua.edu.cn/help/anaconda/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/conda config --add channels https://mir......

阿豪boy
昨天
1
0
Confluence 6 安装补丁类文件

Atlassian 支持或者 Atlassian 缺陷修复小组可能针对有一些关键问题会提供补丁来解决这些问题,但是这些问题还没有放到下一个更新版本中。这些问题将会使用 Class 类文件同时在官方 Jira bug...

honeymose
昨天
0
0
非常实用的IDEA插件之总结

1、Alibaba Java Coding Guidelines 经过247天的持续研发,阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的《阿里巴巴Java开发规约》扫描插件!该插件由阿里巴巴P3C项目组研发。P3C...

Gibbons
昨天
1
0
Tomcat介绍,安装jdk,安装tomcat,配置Tomcat监听80端口

Tomcat介绍 Tomcat是Apache软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。 java程序写的网站用tomcat+jdk来运行...

TaoXu
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部