|M| 在HTML中:SPAN标签扮寅着什么样的角色 HTML编排问题谢谢

zyciis114 2007-02-11 11:07:30

原贴:
还是HTML排放的问题,Table 上中下问题谢谢 http://community.csdn.net/Expert/topic/5350/5350986.xml?temp=.5848505
其中:
1、用span撑开
<table width="100%" border="1" height="100%">
<tr>
<td width="200" bgcolor="yellow" id="table_left">
<span style="width:200px">左边</span>
</td>
<td width="500" bgcolor="honeydew" id="table_center">
<span style="width:500px;height:100%">
<table id="center_Top" width="100%" height="100%">
<tr>
<td bgcolor="red" height="20">最上</td>
</tr>
<tr>
<td bgcolor="blue" height="100%">中间</td>
</tr>
<tr>
<td bgcolor="black" height="20">最下</td>
</tr>
</table>
</span>
</td>
<td bgcolor="lovender" id="table_right" width="100%">右边</td>
</tr>
</table>
满足了我要的条件,但是为什么加个SPAN就可以呢
SPAN到底是用来做什么的
一般我都是用DIV的

谢谢

...全文

5090 29 打赏收藏转发到动态举报

写回复

用AI写文章

29 条回复

切换为时间正序

请发表友善的回复…

发表回复

wangshuainihao 2011-04-28

打赏
举报

学习以哈！！

fightingthefuture 2010-10-27

打赏
举报

学习了

creamymami 2010-08-16

打赏
举报

学习了，mark

跑跑鱼 2010-04-21

打赏
举报

还是晕晕的

tyro_oracle 2007-02-13

打赏
举报

乖乖，钻石！

学习！

hertcloud 2007-02-12

打赏
举报

比如你给一串文字加上样式
比如你定义了css redFt
.refFt
{
font-size: 9pt;
color:red;
font-family:宋体;
}
<span style="redFt">哈哈我是红色</span>
还有比入你会给几个文字加上 js操作事件
<!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>
<title> new document </title>
</head>

<body>

<span style="cursor: hand;" onclick="alert('嘿嘿');">测试下哈哈..<span>

</body>
</html>

hcl8260 2007-02-12

打赏
举报

icemaple123 2007-02-12

打赏
举报

其实span就是.net中的label

cpp2017 2007-02-12

打赏
举报

除了.当然你加上display:inline后就差不多一样了.

cpp2017 2007-02-12

打赏
举报

除非换行,基本上没什么区别

cpp2017 2007-02-12

打赏
举报

These elements define content to be inline (SPAN) or block-level (DIV)

zyciis114 2007-02-12

打赏
举报

re:hertcloud(·￡孙子兵法￡·)

上面的把span我一般都是用div定义的
也不感觉有什么不同啊
如果说不同的是 span没有换行而div换行的话那我
<div style="cursor: hand;display:inline;" onclick="alert('嘿嘿');">测试下哈哈..<div>
就和你的<span style="cursor: hand;" onclick="alert('嘿嘿');">测试下哈哈..<span>
一样的

flyin2006 2007-02-12

打赏
举报

study

孟子E章 2007-02-12

打赏
举报

要学的东西还很多

大飞飞虫 2007-02-12

打赏
举报

撑开表格的话，你加一个空格也是一样可以的，并不一样要加SPAN

cat_hsfz 2007-02-12

打赏
举报

解释一下为什么说你这个布局依赖于IE：
<span style="width:500px;height:100%">
span默认是inline元素，也就是display:inline。根据CSS规定，inline是嵌入在linebox里面的，它自身的box是不能设置高度的，所以height:100%是一个废的属性，或者说是一个错误的属性。

然而很不幸，或者对你来说如果仅需要针对IE设计布局的话，那就是很幸运，IE在遇到对height属性赋值时就会让一个元素hasLayout，从而让它完全负责自己的box，也就能够脱离linebox的限制拥有自己的高度。例如在这个例子中，height:100%，它就占满了它的父元素的所有空间。

那么让一个元素hasLayout是什么意思呢？这是一个怎么样的bug呢？请读这篇文章，里面作了详细解释：
http://old9.blogsome.com/2006/04/11/onhavinglayout/

如果这个页面放在Firefox之类的标准浏览器中，height:100%会直接作为一个无效赋值被丢弃。幸运的是，CSS的错误不会好像JavaScript的错误那样提示“脚本错误”，所以你的用户完全不会知道你写了错误的CSS。

ffff2525 2007-02-12

打赏
举报

cat_hsfz 2007-02-12

打赏
举报

<span />的语义是一个很小的内容片断。

zyciis114 () ，我们在说得是语义网呢，XHTML+CSS应该实线语义根布局分离。XHTML仅仅表示语义，所以它就表示一个很小的内容片断。至于为什么它能让你的布局实现特定的效果，你看到其style属性吗？那是CSS的功劳。

不信？你换一个<div />，然后在style那里加上一句"display:inline;"，你看看效果是否等价？<div />代表和<span />不同的语义，但是通过CSS，它们能做成任何布局效果，甚至是一致的布局效果。

另外，这个布局是依赖于IE的QuirksMode的不正常解释的，你可以放到Firefox或者Opera里面看看（装着两个软件都不占用你多少空间），你很可能看到和IE中完全不同的布局。详细的道理……嗯……我还是那句话，我推荐你去好好学一学CSS，除非你准备一辈子只用<table />布局以及依赖于IE。

以专业开发人员为伍 2007-02-12

打赏
举报

其实你还是看看你自己的html，反正我看上去是惨不不忍睹。

就拿第一个

<td width="200" bgcolor="yellow" id="table_left">
<span style="width:200px">左边</span>

来说，你把一个嵌入对象的宽度设置为与td宽度一样宽，这哪里还需要对齐能？如果对齐，起码是嵌入对象的总宽度比格子宽度小才需要对齐。

其它的地方，明明是写死高度等等，你却偏说是对其了的效果。

其实，你的那种把什么宽度、高度都“写死”的思路，就不用考虑“对齐”这么高级的概念了。反之，你应该先扪心自问自己是不是会不会自欺欺人了。你要设计一些问题，例如你要问自己当td宽度改变的时候难道要手动去改变span？

编程往往不怕不会写，就怕在错误的理念下反而写得很多很杂。

把我下面这个与你的代码对照一下，好好看看你多出来的那些东西是怎么凑出来的:

<table width="100%" border="1" height="100%">
<tr>
<td width="200" bgcolor="yellow" rowspan="3">
左边
</td>
<td width="500" bgcolor="red">
最上</td>
<td bgcolor="lovender" align="right" rowspan="3">
右边</td>
</tr>
<tr>
<td bgcolor="blue" height="100%">
中间</td>
</tr>
<tr>
<td bgcolor="black" height="20">
<span style="color: White">最下</span></td>
</tr>
</table>