社区
JavaScript
帖子详情
为什么页面排版都选用table而不用div????
wocsdn
2004-07-10 08:25:22
为什么页面排版都选用table而不用div????
能说说其中的厉害之处吗???
得到详细结果就揭贴!!!
...全文
277
11
打赏
收藏
为什么页面排版都选用table而不用div????
为什么页面排版都选用table而不用div???? 能说说其中的厉害之处吗??? 得到详细结果就揭贴!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cloudside
2004-07-20
打赏
举报
回复
我认为,好像是只有IE支持div吧,其他的浏览器不能识别div
wanghr100
2004-07-20
打赏
举报
回复
一直以来,排版都是用table.用边为0的表格进行排版.
简单明了.在编辑器上可视性强些.所见所得.
现在用div是种趋势,网站重构 :)
这网站就没有一个table
http://www.macromedia.com/cn/
okdw
2004-07-20
打赏
举报
回复
table好定位阿,抻一抻拉一拉拽一拽就大小定下来了
div不好控制,页面上太多了如果不小心少一个<div>或</div>都乱了不知对哪个了,跟{}似的还要满地找对应
woyingjie
2004-07-20
打赏
举报
回复
定位
速度
我个人认为就这两个方面
LxcJie
2004-07-20
打赏
举报
回复
排版是一种态度@_@
wocsdn
2004-07-20
打赏
举报
回复
没有人说两句吗?
Bmonkey
2004-07-11
打赏
举报
回复
就是,div排版换了分辨率就乱套了
中国蓝计划
2004-07-11
打赏
举报
回复
那么有什么办法对付
div排版换了分辨率就乱套的办法吗?
ice_berg16
2004-07-10
打赏
举报
回复
因为TABLE容易控制排版,DIV不容易控制,即使你用DIV排好版了,换个分辩率效果就完全乱了,
TABLE则不会。但是TABLE排版并不符合WEB标准。
wocsdn
2004-07-10
打赏
举报
回复
我说的是对于层的绝对位置排版!!!有什么区别
并不是你说的什么css
ecobin
2004-07-10
打赏
举报
回复
为何使用表格排版是不明智的
结构化标记:所写即所想,所想即所写
即便书写 CSS 很简单,使用 CSS 来排版却真的需要一种和我们以往有些不同的思维方式。
我们排版时考虑的不是“这个东西放在这儿,那个东西放在那儿”,而是页面中信息的类别和信息的结构。
我们用 <h1> 标记来标示最重要的头条;次一级的条目则用 <h2> 来标记,以此类推;而段落则放在 <p> 标记中。
这就是我们称之为“结构标记”或“语义标记”的东西。
你的内容将不放在表格和表格元素中,取代它们的是 div 元素。还要给你的 div 元素安排一个 id 或 class,不过这是为了描述它们的内容或功能,而非它们的外观。
避免 <b>ed 与 <br>eakfast 标记
且想想为何你希望某个对象按特定的方式出现;它有什么含义?你的标记能够也必须表达意思,即便对于那些无法观看页面的人来说也是如此。语义性的标记使得你的页面对一切受众都更有亲和力,这还包括了搜索引擎。
当你把某个对象设为斜体时,大概要么就是想强调它,要么是想 引用某个书中标题吧? 如果是前者,应该用 <em>;如果是后者,其实得用 <cite>。
如果某个对象被标记为粗体,事实上它应该被标记的是, <strong>。
如果你希望在某处添加一个换行,这大概是开始了一个新的开头。如果不是开头,会不会是某种在你的站点中出现过的class (类型)?在上面两种情况下,你都应该用 CSS 替换 <br>。
.foo {display:block}
看看你的那些标记吧
一旦你分析好页面的结构,就可以着手揭开表象,分析你现在的页面代码中可以转换成结构化标记的那些地方。
* 作为一个完美主义者,消灭所有的 <font> 标记和间隔 GIF 吧!
* 同样的,一并搞定 <b> 和 <br> 标记。
* 去除表格中的那些外观标记 (bgcolor, background, 等等)。
* 把纯粹用来表示外观的那些 CSS 调用 (比如 <span class="header">) 改成结构化的标记。
把描述外观的标记改为描述结构的标记
你可以使用“查找加替换”(或者正则表达式),不过最好的方法还是在浏览器里打开这个页面,然后把文本复制粘贴到你的 HTML 编辑器里。
关键还是要用结构化的方式来思考!仅仅把 <b> 标记替换为 <strong> 是远远不够的。
最重要的条目是哪个?用 <h1> 来标记它。次要一点的就用 <h2>,依此类推。用 <p> 来标记段落。把导航条标记为无序列表。
选定一个 DOCTYPE 来使用。(我们推荐 XHTML transitional,除非你是此道高手,否则别用 XHTML strict。)
把你的页面合理分布在的 div 中
把你的主导航条放在一个 id 属性设为 mainnav 的 div 中,子导航条则放在一个 id 或者 class 是 subnav 的 div 中。而页脚类似这个形式:<div id="footer">,至于整个页面,它被放在 <div id="content"> 里边。
即便现在它还不怎么讨人喜欢,但只要你开始给样式表添加规则,它就会马上变得可爱起来。
是开始自己编写 CSS 的时候了
首先,给每个 div 设置一个边界。例如: div {border: 1px dotted gray; padding: .5em} 这可以帮助你完完整整地看到里边的内容,也不再需要卷动屏幕了。
首先为以定义的元素编写 CSS (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, 等等。)
尽量运用上下文相关或者有递归下降结构的选择符。这可以使得你的标记更清晰。例如:#subnav li {border: 1px solid black; padding: .5em; display: inline} 将能够只能影响你的子导航栏的 div 中的列表项。
在尽可能多的浏览器下进行测试,毕竟你可以让朋友帮助你用它们自己的浏览器测试。
JavaScript
87,915
社区成员
224,620
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章