Web_Design 板


LINE

※ 引述《dken (我想退伍啦~~)》之铭言: : ※ 引述《drlai (苏打)》之铭言: : : 请问 : : 最近看到网路上越来越多网站宣称不使用table : : 这是什麽理由呢? : : table应该是标准之一吧? : : 大家舍弃table改用div的用意为何? : table 最初的定义本来就是来呈现表单资料的, : 如果要拿来做为排版,也是可以,但是现在是愈来不建议这种方式。 : 如果要排版,最好还是用 <div> 来做, : 因为他的弹性比较大,而且比起 table 所使用的 tags 来的节省, : 另外再搭配 javascript 和 css,可以做出很炫的排版效果。 : 再者, : 如果你是纯手工的硬派网页设计者, : 你会发现用 <div> 来写网页,会方便许多, : 尤其是搭配 css。自己试着用 <div> 来玩玩看, : 应该会体会的出来,乾净的网页,用原始码模式来看, : 应该会看到排版整齐的 tags,而不是一堆 attributes : 穿插其中,因为 attributes 这部份都由 css 处理了。 : 另外,就是牵涉到语意和无障碍的问题, : 这个部份我就不知道怎麽讲了,有经验者或许可以分享一下。 我学会用 XHTML+CSS 排版已经满久了, 但我现在设计网页仍然以 <table> 排版为主, 除非是老板有要求, 或是自己想学习, 我不用 <div> 排版的原因有两个: 1.费时费力 2.不够乾净 1. 费时费力 因为现在还没有一个好的视觉编辑器能够支援标准的 XHTML+CSS, 所以只能用手工打造, 再加上每个浏览器对 CSS 的解读方式都不一样, 造成设计者要一试再试, 有时候为了调整一个小东西, 就要花掉一两个小时, 这样倒不如用 <table> 反而比较快, 这点我希望未来能有一个能支援 XHTML+CSS 的视觉编辑器, 不但能视觉式的编辑文件, 而且能帮我们处理浏览器不一致的问题 2. 不够乾净 另外, 照理说在写 XHTML 时, 要顾虑的是文件的结构, 而不管文件呈现方式, 但是在我发现只顾虑文件结构是不够的, 我写 XHTML 时, 常需要给 CSS "留後路", 以保持改变外观的弹性, 例如, 我常需要加入很多没意义的 wrapper: <body> <div id="root"> <div id="main"> 这里才是主内容... </div> </div> </body> 像 #root 和 #main 都是没意义的东西, 但是为了到时候能让 CSS 有弹性地呈现外观, 那两个 wrapper 是必要的, 但在文件结构上, 那两个标签根本没意义, 只使得文件看起来更乱而已, 这点我就希望未来的 CSS 能设计得更好, 目前流行的 CSS 1.0 我觉得除了上述那一点之外, 还有很多地方需要改进, 最後结论就是, 我会看实际应用来决定要不要用 <div> 排版, 如果老板交付的工作根本用不到, 我就会用 <table> 排版, 反正看起来都一样而且钱拿得一样多, 为什麽不选择轻松一点的方式? --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.133.199
1F:推 Kelunyang:推 01/01 14:34
2F:推 cklonger:请问视觉编辑器是指wysiwyg吗 01/01 15:44
3F:推 terrybob:推!最後2句 01/01 17:22







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:iOS站内搜寻

TOP