div与span

最明显的区别是：DIV是块元素，SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。
具体步骤：
代码示例：

<style>
div,span{border:1px solid #000;margin:2}
</style>
<div>div1</div><div>div2</div>
<span>span1</span><span>span2</span>
<br>
<div style="display:inline">div3</div>
<div style="display:inline">div4</div>
<span style="display:block">span3</span>
<span style="display:block">span4</span>

技巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以成为“层”，只需要给对象定义position属性(值为absolute或relavite)。
--------------------------------------------------------------------
SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

<span>SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中， <span>标识符允许你将一个段落分成不同的部分。 　　还有一个标识符具有类似的功能， <div>DIV也被用来在HTML文件中建立逻辑部分。但与 <div>SPAN不同， <div>工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。
------------------
div换行，span不换行
------------------
DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN
在 HTML 视图中工作时，可以在 <DIV> 内编辑文本，将某些字包含在 <SPAN> 元素内，以强调那些字。与 <DIV> 不同， <SPAN> 和它周围的文本一起移动。
--------------------------------------------------
----------------------------------------------------
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白：

以下是引用片段：
　　style="visibility: none;"
　　document.getElementById("typediv1").style.visibility="hidden";//隐藏
　　document.getElementById("typediv1").style.visibility="visible";//显示


　　通过设置display属性可以使div隐藏后释放占用的页面空间，如下

以下是引用片段：
　　style="display: none;"
　　document.getElementById("typediv1").style.display="none";//隐藏
　　document.getElementById("typediv1").style.display="";//显示

html Div隐藏问题
用html 现在初始化的时候让Div隐藏，然后点击按钮，使它显示，代码如下

<script type="text/javascript">
function show(id){
var traget=document.getElementById(id);
traget.style.display="";
}
</script>


<input type='button' value='显示' onClick="search('div1');">
<div id="div1" style="display:none;">隐藏</div>


初始化div是隐藏的

traget.style.display="block";
="search('div1');"改成="show('div1');"