给这个web标准时代做个表格

好多人认为web标准就是要抛弃table,其实不是.要抛弃的不是table,而是table布局,关于table布局的蹩脚之处就不再详细谈了.而table在何处使用也不详谈了,呵呵.(是不是很懒?)

这下面是简单的做了一个table,简单到只花了几十分钟时间,写好很久了，直到今天才放出来，担心被说太初级了。这个table有所区别的便是用colgroup来定义列的样式(我发现好多人都不曾用过colgroup).不用在td里添加一堆的width、bgcolor.这样来做一个在线的列表会使页面大大减少.而且在ie7和firefox下也有不同的表现（主要就是用了hover这个伪类 ）. 有兴趣的朋友也可以考虑用js来扩展下table，让她可以变得更漂亮和更易用.

ps:caption这次没有display:none;是为了对seo更加友好.

时间： 2024-08-31 18:22:49

给这个web标准时代做个表格的相关文章

WEB标准中细线表格的实现方法

web|web标准 随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证! <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title><style type="text/css

Web标准学习：未知高度的非表格垂直对齐

web|web标准 非已知高度的垂直对齐的条件: 表格单元格 行内块(inline-block) 第一个比较好理解,第二个很多人可能会忽略.比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法.记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可. 那么,我们进入主题.现在我们由于某些特殊需要两个并排的div想实现垂直居中.如前所述,div非表

使用Web标准建站第11天：不用表格的菜单

web|web标准|菜单|web标准|菜单 布局初步搭建起来,我开始填充里面的内容.首先是定义logo图片: 样式表:#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;} 页面代码:<div id="logo"><a title="网页设计师" href="http://www.w3cn.org/" ><img height="80"

用Fireworks8做个符合web标准的弹出菜单

web|web标准|菜单 Fireworks8做下拉菜单的功能较上一版本有很大程度 的增强,并开始兼容web标准,代码也减少了很多,JS从原来的30多K降到现在的2K,可访问性:IE.Firefox.Opera. 1.新建文件,做几个按钮,这部分相信大家都会做. 2.在按钮上点左键,在弹出菜单上选添加弹出菜单,会出现如下的对话框. 里面有四个选项卡,你只要按照需要选取就可以了. 3.输出HTML 导出选项,默认是输出dw xhtml,应用CSS和将CSS写入外部文件的.文件名你需要设置一下,不然

你应该关注web标准的真正原因

web|web标准 Eric A. Meyer从1993年开始做网络方面的工作,受雇于Netscape公司做标准设计培训师.Eric在这个行业中相当有名,他经常就web标准.跨浏览器兼容性.CSS和web设计等方面在各种会议上发言.作为一个西方预科大学的网络管理员和毕业生,Eric开发W3C的CSS1校验程序,并于最近出版了尽其所能发现的CSS设计局限.Eric也是<Eric Meyer on CSS>.<Mastering the Language of Web Design>(

有感 Visual Studio 2015 RTM 简介 - 八年后回归 Dot Net，终于迎来了 Mvc 时代，盼走了 Web 窗体时代

有感 Visual Studio 2015 RTM 简介 - 八年后回归 Dot Net,终于迎来了 Mvc 时代,盼走了 Web 窗体时代 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 关于

Web标准：文档类型和网页浏览器

原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson .Com  译者:zhaozy in 3user.com .Com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

web标准，我们去向何方？

web|web标准 原文作者:Veerle  原文出处:http://veerle.duoh.com 译者注:本文是"你应该关注web标准的真正原因"一文发表后veerle写的一篇感想文章,作者提了2个想法,却引来各种意见和建议,我将部分评论附在文后.可以看到国外技术类blog讨论的气氛也是非常好的,至少参与的人很多.有兴趣的建议看看原文. 译文 关于web标准,我已经了解很多,并且正在使用.我也很清楚的认识到,使用web标准不是为了能够骄傲的说"嗨,你的站点通过标准校验了吗