遵循web标准就不能使用表格了吗?
遵循web标准就不能使用表格了吗?
分类:Web标准
本文来源:w3cn.org
可以使用表格。只是表格仅仅用于其本意:展示数据列表。而不允许使用表格排版和定位。CSS可以实现几乎所有用table实现的布局,参考成功网站: www.macromedia.com, www.mp3.com, www.blogger.com, www.espn.com
那为什么使用表格排版是不明智的?看看下面的文章你会明白为什么要抛弃表格。
使用表格排版是不明智的表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。下面我们开始寻找这个问题滋生的源头,并学习创建过渡性的,甚或完全不需表格的排版方式。
表格带来的问题?把格式数据混入你的内容中; 这使得文件的大小无谓地变大,而用户访问每个 页面时都必须下载一次这样的格式信息; 带宽并非免费; 这使得重新设计现有的站点和内容极为消耗劳力,且昂贵;这还使我们保持整个站点的视觉的一致性极难,花费也极高; 基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。
解决方案近在眼前现在的浏览器在支持 Web 标准方面有了很大的改进,所以我们再也不必使用那些古老的方式了。我们将去掉那些表格里嵌套的表格和用 GIF 填充的单元,代之以简洁的标记和 CSS 排版出的载入快速、修姆奖恪⒍运腥硕寄敲从星缀土Φ钠琳镜恪?/P>
解决方案:CSS 与结构化标记通过在 HTML 文档中使用结构化的标记以及层叠式样式表来排版,我们可以使页面的实际内容与它们呈现的格式相分离。比之使用表格,它有这么一些优势....把页面中的外观标记去除以后,重新设计现有的站点和内容将变得非常节省人力 (同时便宜得多)。如果想改变站点的输出,你只需要改动一下样式表就行了,而完全不必改动页面本身。比如说,你可以看看 CSS Zen Garden,或者 Eric Meyer 的站点 上的样式切换器。如果想了解更多,可以看看 Paul Sowden 写的 Alternative Style。
带宽并非免费运用 Web 标准来缩减网页文件的大小,这样用户将不必访问每页都下载一次外观的数据。控制输出效果的样式表是由用户的浏览器自动缓存的。缩减文件大小意味着更快地载入和更少的流量费用。
嘿,这些网页就像一个模子里刻出来的!运用 Web 标准还能使保持整个站点的视觉一致性变得非常简单。因为页面使用同样的 CSS 文档来进行排版,所以它们会被格式化为相同的风格。这样加深了你的站点给人的印象还能使它更便于使用。
Google 的眼神不大好保持网页的亲和力、尽量减少它的标记、并合理的运用网页头部的标签同样会帮助你提高搜索引擎上的排名。降低代码/内容比、在头部标签中加入关键字,把网页顶部的的标志图片改为文本……这些行为都可以帮助你的站点在搜索引擎中获得更好的搜索结果。
你仍然可以在需要时运用表格,别用得太多就行了这对于那些固执于老式的第四代浏览器的浏览者 (和你的老板们) 会比较好接受,而在直到他们回心转意之前,其他人至少也能接受。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!