收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2168|回复: 24

[讨论] 统计大家代码写法

[复制链接]
发表于 2009-12-14 16:50:03 | 显示全部楼层 |阅读模式
不知道大家通常用的是那种代码写法。请大家谈一下优缺点
第一种
htm代码:
<div id="box">
  <div id="nav">
  </div>
</div>
css代码:
#box{
  width:960px;
  margin:0 auto;
}
#nav{
  height:24px;
}
---------------------------------------------------------------------------------------------------
第二种
htm代码:
<div id="box">

<div id="nav">
</div>

</div>
css代码:
#box{width:960px; margin:0 auto;}
#nav{ height:24px;}

[[i] 本帖最后由 33xiao 于 2009-12-14 16:53 编辑 ]
发表于 2009-12-14 16:51:32 | 显示全部楼层
第二种我喜欢
回复 支持 反对

使用道具 举报

发表于 2009-12-14 16:52:57 | 显示全部楼层
shtml代码:
<div id="box">
      <div id="nav">
      </div>
</div>
css代码:
#box{width:960px; margin:0 auto;}
#nav{height:24px;}
回复 支持 反对

使用道具 举报

发表于 2009-12-14 16:55:13 | 显示全部楼层
有什么区别,不缩进?减小文件体积?
没什么必要吧。
我自己偏向格式化,而且习惯是4个空格缩进,服务器端最低级别的压缩的效果就很好了

[[i] 本帖最后由 askok 于 2009-12-14 16:58 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-12-14 16:59:24 | 显示全部楼层
跟三楼一样
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-12-14 17:03:48 | 显示全部楼层
对,我感觉htm和css代码 缩进,这样写很规范.
回复 支持 反对

使用道具 举报

发表于 2009-12-14 17:28:09 | 显示全部楼层
我喜欢缩进的嘿嘿,太长了偶就眼花了
回复 支持 反对

使用道具 举报

发表于 2009-12-14 23:52:36 | 显示全部楼层
还是喜欢规范的写法,页面长是长点,不过找代码的时候不会看眼花。
回复 支持 反对

使用道具 举报

发表于 2009-12-15 02:32:09 | 显示全部楼层
我习惯了第二种写法,
如果一个css文件很大,用第二种写法写出来有2000行代码,
换用第一种写法的话,拖滚动条都得拖半天。

第二种写法按照一定的顺序去写的话,其实也不难看,反而比第一种更有可读性。
这是我的感觉。
回复 支持 反对

使用道具 举报

发表于 2009-12-15 09:47:32 | 显示全部楼层
第一种写法在大型网站中可以轻易地上千行
回复 支持 反对

使用道具 举报

发表于 2009-12-15 09:54:56 | 显示全部楼层
我始终倾向于第二种写法,每个选择器里的属性并没大多,没有说看的眼花那么恐怖吧,至于第二种的好处就不多说了。
回复 支持 反对

使用道具 举报

发表于 2009-12-15 10:05:06 | 显示全部楼层
跟三楼一样
回复 支持 反对

使用道具 举报

发表于 2009-12-15 10:18:31 | 显示全部楼层
喜欢缩进,也符合标准
回复 支持 反对

使用道具 举报

发表于 2009-12-15 10:19:31 | 显示全部楼层
<div id="box">
  <div id="nav"></div>
</div>
css代码:
#box{width:960px;margin:0 auto;}
#nav{height:24px;}
回复 支持 反对

使用道具 举报

发表于 2009-12-15 11:20:23 | 显示全部楼层
以前有人讨论过:
http://bbs.blueidea.com/thread-2919695-1-1.html

个人喜欢写在一行,并用制表位控制缩进。
回复 支持 反对

使用道具 举报

发表于 2009-12-15 11:26:55 | 显示全部楼层
我是用 第一种HTML,第二种CSS
回复 支持 反对

使用道具 举报

发表于 2009-12-15 23:30:01 | 显示全部楼层
第二种
回复 支持 反对

使用道具 举报

发表于 2009-12-16 14:25:22 | 显示全部楼层
缩进一下吧, 要不看的眼都花啦
回复 支持 反对

使用道具 举报

发表于 2009-12-16 16:24:56 | 显示全部楼层
习惯写在一行,把相关的属性归一下类,然后安排好顺序,看起来就方便多了
回复 支持 反对

使用道具 举报

发表于 2009-12-16 16:37:56 | 显示全部楼层
我觉得从维护的成本来讲,第一种的方式更好。
从传输的方式来讲,第二种节省
但我个支持第一种,因为第二种方式,可以用工具来实现
回复 支持 反对

使用道具 举报

发表于 2009-12-16 19:03:12 | 显示全部楼层
第一种html和第二种css
回复 支持 反对

使用道具 举报

发表于 2009-12-17 11:10:32 | 显示全部楼层
HTML 推荐用第一种。

CSS 的两种排版方式各有优缺点,看个人和团队的习惯吧。
回复 支持 反对

使用道具 举报

发表于 2009-12-17 11:17:13 | 显示全部楼层
从运营来说当然是,页面代码越少越好,因为空格,回车,缩进都要占字节数。要求应该是html都要压缩整合
<div id="box"><div id="nav"></div></div>当然是这样最好,否则也不用压缩整合css代码,结构表象行为分离了。详见微软首页。但这样你能做到吗?

从维护上来讲 当然是结构清楚
回复 支持 反对

使用道具 举报

发表于 2009-12-17 11:20:55 | 显示全部楼层
shtml代码:
<div id="box">
      <div id="nav">
      </div>
</div>

css代码:
#box{width:960px; margin:0 auto;}
    #nav{height:24px;}

我喜欢css也按照html的结构进行tab缩进
回复 支持 反对

使用道具 举报

发表于 2009-12-17 11:25:00 | 显示全部楼层
一般先用第一种方式写。
上线时压缩成第二种方式。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-12-5 11:08 , Processed in 0.104229 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表