相关文章
网站建设空格的宽度问题
北京网站制作使用DIV+CSS制作网页后，表格Table还有用吗？
北京网站制作HTML中的表格元素
网页设计有关HTML代码的另类应用技巧
网站设计把XHTML／CSS页面转换成为打印机页面
北京网站设计Dreamweaver中幂格式文本巧实现
北京网站建设Flash处理XML文档数据教程
北京网站制作Flash MX 2004编程教程(三)
网站设计FLASH MX 2004视频教程:走！咱们踏春去(四)
北京网站制作flash打造动画特效
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站制作网站设计什么是DIV？
北京网站制作网站设计什么是DIV？
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qt-net.com
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。 企通互联DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。Internet Explorer和Netscape的浏览器都支持DIV标签。网站设计
网站建设
DIV和SPAN企通互联
很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同，但是SPAN 网站建设是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签，但是SPAN对于为段落内的一个或者多个字赋予特殊的特性很有用。网站设计
北京网站建设
DIV标签允许你分割一个Web页面，以此来进行格式化和演示。可以将它和可视性的技巧组合起来使用，用以分割页面的内容，并显示你所选择的内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域；超链接会显示和隐藏这些区域：网站设计
<html><head>网站设计
<title>div test</title>网站制作 网站制作
<script language="JavaScript">北京网站设计
function setAllVisible() {网站建设
document.getElementById("section1").style.visibility="hidden";网站建设
document.getElementById("section2").style.visibility="hidden";北京网站建设
document.getElementById("section3").style.visibility="hidden";企通互联
document.getElementById("section4").style.visibility="hidden"; 网页设计企通互联
}网页设计
</script></head>北京网页设计
<body onLoad='setAllVisible();'>北京网站建设
<h1>Builder.com Sample</h1>北京网站制作
<ul>北京网站建设
<li><a href="#" 北京网站建设网页设计
onClick=' www.qt-net.com网站设计
document.getElementById("section1").style.visibility="visible";企通互联
document.getElementById("section2").style.visibility="hidden";北京网站建设
document.getElementById("section3").style.visibility="hidden";北京网页设计
document.getElementById("section4").style.visibility="hidden";'>Section 1</a></li>网页设计
<li><a href="#"网页设计
onClick='企通互联
document.getElementById("section1").style.visibility="hidden";北京网页设计
document.getElementById("section2").style.visibility="visible";网站建设
document.getElementById("section3").style.visibility="hidden";网站设计
document.getElementById("section4").style.visibility="hidden";'>Section 2</a></li>企通互联
<li><a href="#"网站制作
onClick='企通互联
document.getElementById("section1").style.visibility="hidden";网站建设
document.getElementById("section2").style.visibility="hidden";企通互联
document.getElementById("section3").style.visibility="visible";企通互联
document.getElementById("section4").style.visibility="hidden";'>Section 3</a></li>北京网页设计
<li><a href="#"网页设计
onClick='网站制作
document.getElementById("section1").style.visibility="hidden";网站制作
document.getElementById("section2").style.visibility="hidden";北京网站制作
document.getElementById("section3").style.visibility="hidden";网站设计
document.getElementById("section4").style.visibility="visible";'>Section 4</a></li>北京网站设计
</ul><br>北京网站设计
<div id="section1">Section 1 text.</div>北京网站建设
<div id="section2">Section 2 text.</div>北京网站设计
<div id="section3">Section 3 text.</div>网站建设
<div id="section4">Section 4 text.</body>网站建设
</html>北京网站建设
网站建设
这段代码包括了一个用来隐藏所有DIV元素的JavaScript函数。当文档被加载的时候，这个函数就被调用了。点击每个超链接将会显示相关的区域并隐藏其他的区域。这种方式的一个弱点是，只有Internet Explorer 5或者更高版本的浏览器以及Netscape Navigator 6或者更高版本的浏览器才支持这些方法。但是，我使用Mozilla 1.01测试过，没有问题。 北京网站制作企通互联
网站制作
只在必要的时候才显示信息北京网页设计
网页设计
将DHTML和JavaScript的强大能力组合起来使用，就能够让你预加载页面的内容，并在适当的时候显示其各个部分。这样就可以提高响应时间，因此能够为用户提供更高的性能。
北京网站设计 北京网站设计
网站建设
DIV和SPAN企通互联
很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同，但是SPAN 网站建设是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签，但是SPAN对于为段落内的一个或者多个字赋予特殊的特性很有用。网站设计
北京网站建设
DIV标签允许你分割一个Web页面，以此来进行格式化和演示。可以将它和可视性的技巧组合起来使用，用以分割页面的内容，并显示你所选择的内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域；超链接会显示和隐藏这些区域：网站设计
<html><head>网站设计
<title>div test</title>网站制作 网站制作
<script language="JavaScript">北京网站设计
function setAllVisible() {网站建设
document.getElementById("section1").style.visibility="hidden";网站建设
document.getElementById("section2").style.visibility="hidden";北京网站建设
document.getElementById("section3").style.visibility="hidden";企通互联
document.getElementById("section4").style.visibility="hidden"; 网页设计企通互联
}网页设计
</script></head>北京网页设计
<body onLoad='setAllVisible();'>北京网站建设
<h1>Builder.com Sample</h1>北京网站制作
<ul>北京网站建设
<li><a href="#" 北京网站建设网页设计
onClick=' www.qt-net.com网站设计
document.getElementById("section1").style.visibility="visible";企通互联
document.getElementById("section2").style.visibility="hidden";北京网站建设
document.getElementById("section3").style.visibility="hidden";北京网页设计
document.getElementById("section4").style.visibility="hidden";'>Section 1</a></li>网页设计
<li><a href="#"网页设计
onClick='企通互联
document.getElementById("section1").style.visibility="hidden";北京网页设计
document.getElementById("section2").style.visibility="visible";网站建设
document.getElementById("section3").style.visibility="hidden";网站设计
document.getElementById("section4").style.visibility="hidden";'>Section 2</a></li>企通互联
<li><a href="#"网站制作
onClick='企通互联
document.getElementById("section1").style.visibility="hidden";网站建设
document.getElementById("section2").style.visibility="hidden";企通互联
document.getElementById("section3").style.visibility="visible";企通互联
document.getElementById("section4").style.visibility="hidden";'>Section 3</a></li>北京网页设计
<li><a href="#"网页设计
onClick='网站制作
document.getElementById("section1").style.visibility="hidden";网站制作
document.getElementById("section2").style.visibility="hidden";北京网站制作
document.getElementById("section3").style.visibility="hidden";网站设计
document.getElementById("section4").style.visibility="visible";'>Section 4</a></li>北京网站设计
</ul><br>北京网站设计
<div id="section1">Section 1 text.</div>北京网站建设
<div id="section2">Section 2 text.</div>北京网站设计
<div id="section3">Section 3 text.</div>网站建设
<div id="section4">Section 4 text.</body>网站建设
</html>北京网站建设
网站建设
这段代码包括了一个用来隐藏所有DIV元素的JavaScript函数。当文档被加载的时候，这个函数就被调用了。点击每个超链接将会显示相关的区域并隐藏其他的区域。这种方式的一个弱点是，只有Internet Explorer 5或者更高版本的浏览器以及Netscape Navigator 6或者更高版本的浏览器才支持这些方法。但是，我使用Mozilla 1.01测试过，没有问题。 北京网站制作企通互联
网站制作
只在必要的时候才显示信息北京网页设计
网页设计
将DHTML和JavaScript的强大能力组合起来使用，就能够让你预加载页面的内容，并在适当的时候显示其各个部分。这样就可以提高响应时间，因此能够为用户提供更高的性能。