DIV
来源:互联网 发布:专利检索软件优点 编辑:程序博客网 时间:2024/05/16 15:01
DIV元素是用来为HTML文档内大块(block-level)内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容老师用来构成这个块的,其中所包含元素的特性由div标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
DIV和SPAN
很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同,但是SPAN是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签,但是SPAN对于为段落内之一个或者多个字赋予特殊之特性很有用。
DIV标签允许你分割一个Web页面,以此来进行格式化和演示。可以将它和可视性之技巧组合起来使用,用以分割页面之内容,并显示你所选择之内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域,超链接会显示和隐藏这些区域:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>div test</title>
<script language="javascript">...
function show()...{
document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="hidden";
}
</script>
</head>
<body onLoad="show()">
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="visible";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="hidden";'>session1</a>
</li>
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="visible";
document.getElementById("id3").style.visibility="hidden";'>session2</a>
</li>
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="visible";'>session3</a>
</li>
<div id="id1">
session1
</div>
<div id="id2">
session2
</div>
<div id="id3">
session3
</div>
</body>
</html>
<html>
<head>
<title>div test</title>
<script language="javascript">...
function show()...{
document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="hidden";
}
</script>
</head>
<body onLoad="show()">
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="visible";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="hidden";'>session1</a>
</li>
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="visible";
document.getElementById("id3").style.visibility="hidden";'>session2</a>
</li>
<li>
<a href="#"
onClick='document.getElementById("id1").style.visibility="hidden";
document.getElementById("id2").style.visibility="hidden";
document.getElementById("id3").style.visibility="visible";'>session3</a>
</li>
<div id="id1">
session1
</div>
<div id="id2">
session2
</div>
<div id="id3">
session3
</div>
</body>
</html>
- DIV
- DIV
- div
- DIV
- div
- div
- DIV
- div
- div
- div
- div
- div
- div
- div
- div
- <div>
- div
- <div>
- 如何以高于 256 色的颜色分辨率连接到 Windows XP 终端服务
- 不错的一个技术blog,以后就用它了
- visual C++ 6.0开发工具与调试(二)
- visual C++ 6.0开发工具与调试(三)
- Linux2.6内核驱动移植参考
- DIV
- 详细讲解Struts构架中action的跳转大全
- 迭代法
- 新手入门:Java XML编程实例解析
- bit map bits
- DEDECMS4 UTF-8 版本提供下载
- 以终为始1
- MOSS Architecture and Shared Services
- tiles框架(转载)