论坛首页 Web前端技术论坛

table 原来还可以这样用啊

浏览 30547 次
该帖已经被评为隐藏帖
作者 正文
   发表时间:2008-10-27  
COLGROUP好像不支持firefox?
firefox有没有类似的东西啊
0 请登录后投票
   发表时间:2008-10-27  
ThinkingInAll 写道
我是路人,感觉就是zbm2001在炫耀自己学过的知识
看到他照片,小孩都有了,还在论坛炫耀,成熟还是不成熟

在我来看,不兼容的html一律不用,简单才是美


建议你稍微学习html3.2的规范,<colgroup><col />列控制标签在十多年前就写尽进了该规范。

关于成熟和炫耀的问题,在多年的web开发中,我通常会遇到两种人:

一种是:认为某些知识很简单,根本不需要去专门的学习。结果往往是开发出的代码语义性差,给项目团队的配合以及代码的维护和更新造成困扰等等问题。

另一种则是:遇到问题头疼顾头,脚疼顾脚,解决问题时也是寻求临时救助解决,最终有时还会顾此失彼。

——其实他们只要静下心来,抽出那些追求时髦技术的时间回到原点,来学习一下基础和规范,很多问题的解决自然水到渠成,迎刃而解。如此即使自己想创造出一些所谓的时髦的技术恐怕也不是什么难事的。

我所有要表达的仅此而已了,你或可以看成是忠告,当然也不妨碍你把这些理解成一种炫耀了。
2 请登录后投票
   发表时间:2008-10-27  
支持zbm2001, 学一种东西就要学精,学专,看看现在国内好多网站都是一塌糊涂。
0 请登录后投票
   发表时间:2008-10-27  
KKFC 写道
引用
你对HTML了解吗?

劈头就问。
俗话说,隔行如隔山,也许coder曾不屑于这些“简单”的tag,但对于天天接触前端的“美工”、界面程序员早已对这些司空见惯了。没事,这东西大家看一下就懂了


这种认识上的区别会造成两种完全不同的WEB开发方式和理念,为什么会这么说?请移步:
http://www.iteye.com/topic/250687
而该文也仅仅是阐述了一些基本的WEB可访问性方面的问题,介于篇幅和侧重点,相信以作者的经验和心得,在这种理念下,许多与开发相关的具体模式和观点还未阐述进来。

另外:
这些所谓“简单”的tag,我所了解的一部分即使对于天天接触前端的“美工”、界面程序员,也是有所欠缺的。
0 请登录后投票
   发表时间:2008-10-27  
哎,楼主用意是好的,虽然漏了点马脚。zbm2001大师,圆融些好,呵呵。

CSS2 (Chinese).chm 下载完毕,开始学习,谢谢zmb2001。多年来一直用的小雨的css手册,在当时的环境下他确实是以IE为参照写的。
0 请登录后投票
   发表时间:2008-10-27  
术有专攻,但每个人的方向都不同
0 请登录后投票
   发表时间:2008-10-27  
colgroup
我用过,但好像只是firefox支持,ie6下不行吧?
(我懒着特意试了,在这问一下)
0 请登录后投票
   发表时间:2008-10-27  
zbm2001 写道
xly_971223 写道
刚在forefox3中测试了一下, 不管用


这显然是楼主浅尝辄止的必然结果……

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格列控制</title>
</head>
<body>
<table width="90%" border="1">
  <colgroup style="background:red;">
  <col style="visibility:collapse; +display:none;" />
  <col style="background:green;" />
  <col />
  </colgroup>
  <tbody>
    <tr>
      <td>1111</td>
      <td>222</td>
      <td>3333</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
</body>
</html>

看来还是要尽量找那些常用的标签,上面的内容经测试,只在IE和firefox上通过,而opera9,谷歌浏览器,safari3上面都不行,都是显示全部。
0 请登录后投票
   发表时间:2008-10-27  
kaipingk@gmail.com 写道

支持zbm2001, 学一种东西就要学精,学专,看看现在国内好多网站都是一塌糊涂。




做一个网站是需要很多方面的知识,难道你为了做一个网站把所有的知识点都学透,学深。现实是没有给你太多的时间,让你去研究的,所以我不同意你的看法。当然如果你只是负责其中的一个小的方面,例如只是用html写一些页面,那你当然可以把这个学的很深,很透彻。但是那样又有什么意义啊?
0 请登录后投票
   发表时间:2008-10-27  
汗,才发现好多人说firefox不支持。
我回头看了一下我以前做过的页面,发现应该是ie6和ie7不支持啊。
试了一下。
发现firefox支持对col定义的样式,但对通过col操纵column不支持(比如根据col的id获得col对象后,操纵它的显示和隐藏)
我那个所说的“ie不支持 firefox支持”的情况很凑巧,是这样的:
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title></title>	
	<script type="text/javascript">
	<!--//--><![CDATA[//><!-- 
	var status = 1;
	function hiddenCol() {
		if (status == 1) {
			document.getElementById("col1").style.display  = "none";
			status = 0;
		}
		else {
			document.getElementById("col1").style.display  = "block";
			status = 1;
		}
	}
	//--><!]]> 
	</script>
	<style type="text/css" media="all">
	<!--/*--><![CDATA[/*><!--*/
	table {
		background: #FFFFFF;
		border-collapse: collapse;
	}
	col {
		border-right: 5px #FF0000 solid;
	}
	
	#col1 {
		background: #FFF000;
	}
	/*]]>*/--> 
	</style>
</head>
<body>
<table cellspacing="0" border="1">
	<colgroup>
		<col id="col1" />
		<col id="col2" />
	</colgroup>
	<tbody>
		<tr><td id="111">asdf</td>
		<td>asdf</td>
		</tr>
	</tbody>
</table>
<button onclick="hiddenCol()">隐藏列</button>
</body>
</html>

在firefox下,列的红色右边界(就是col那个样式)可以看到。在ie下就不行。
只是简单的试了一下。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics