1、Div全称division意为“区分”,是HTML中的一个标签。你在HTML中可以理解为便是一个层。
DIV本身便是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码。假如单独运用DIV而不加任何CSS,那么它在网页中的效果和运用是一样的。
2、DIV和层有什么区别?
其实DIV是一个块的概念,是一个容器,里边可以包容各种HTML元素,并将它们做为一个全体来进行处理。
MSDN里说的“DIVSpecifiesacontainerthatrendersHTML.”
比方可以对它们全体进行在页面上的定位或者界说层等等处理。
*********************************************************************
下面的是我找到的一个自己以为很好的文章,也贴上来,希望能协助你理解!
DIV元素是用来为HTML文档内大块(block-level)的内容供给结构和背景的元素。DIV的开始标签和结束标签之间的一切内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来操控,或者是经过运用样式表格式化这个块来进行操控。InternetExplorer和Netscape的浏览器都支撑DIV标签。
DIV和SPAN
许多开发人员都把DIV元素同SPAN元素弄混杂了。虽然它们在特性上相同,可是SPAN是用来界说内嵌内容而不是大块内容的。你可以对阶段运用DIV标签,可是SPAN对于为阶段内的一个或者多个字赋予特别的特性很有用。
DIV标签允许你切割一个Web页面,以此来进行格式化和演示。可以将它和可视性的技巧组合起来运用,用以切割页面的内容,并显现你所选择的内容。下面这段示例代码运用了DIV标签将该页面切割成了多个区域;超链接会显现和躲藏这些区域:
divtest
Builder.comSample
onClick=’
document.getElementById(“section1″).style.visibility=”visible”;
document.getElementById(“section2″).style.visibility=”hidden”;
document.getElementById(“section3″).style.visibility=”hidden”;
document.getElementById(“section4″).style.visibility=”hidden”;’>Section1
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”;’>Section2
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”;’>Section3
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”;’>Section4
Section1text.
Section2text.
Section3text.
Section4text.
这段代码包含了一个用来躲藏一切DIV元素的JavaScript函数。当文档被加载的时分,这个函数就被调用了。点击每个超链接将会显现相关的区域并躲藏其他的区域。这种方式的一个缺点是,只要InternetExplorer5或者更高版别的浏览器以及NetscapeNavigator6或者更高版别的浏览器才支撑这些方法。可是,我运用Mozilla1.01测试过,没有问题。
只在必要的时分才显现信息
将DHTML和JavaScript的强大能力组合起来运用,就可以让你预加载页面的内容,并在恰当的时分显现其各个部分。这样就可以提高响应时刻,因此可以为用户供给更高的功能。
css中div是什么意思
DIV本身便是容器性质的,不但能够内嵌table还能够内嵌文本和其它的HTML代码;CSS是CascADIngstyleSheets的简称,中文译作“层叠款式表单”,在主页制作时选用CSS技能,能够有效地对页面的布局、字体、色彩、布景和其它作用完成愈加准确的操控。只需对相应的代码做一些简略的修正,就能够改动同一页面的不同部分,或者所有页数的网页的外观和格局。
Div+CSS标准具有以下优点:
1、由于选用CSS布局,不象表格布局充满各种各样的特点和数字,而且很多css文件通常是共用的,从而大大减缩页面代码,进步页面阅读速度。
2、结构明晰,对搜索引擎愈加友爱。更简单被搜索引擎录入,具备搜索引擎SEO的先天条件,配合优异的内容和一些SEO处理,能够取得更好的网站排名。
3、兼容性更好,符合web标准规范的发展趋势,能够在几乎所有的阅读器上都能够运用,不会出现在不同的阅读器中作用差距很大的状况。
4、缩短改版时间,由于网站的布局都是通过外部的css文件来操控,只需简略的修正几个CSS文件就能够将许多网页的风格格局同时更新,不必再一页一页地更新了。你能够将站点上所有的网页风格都运用一个CSS文件进行操控,只需修正这个CSS文件中相应的行,那么整个站点的所有页面都会随之产生变动。
5、强壮的字体操控和排版才能,CSS操控字体的才能比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者通明的1px图片来操控标题、改动字体色彩、字体款式等等。
6、进步易用性,运用CSS能够结构化HTML,例如:p标签只用来操控阶段,h1-h6标签只用来操控标题,table标签只用来表现格局化的数据等等。你能够添加更多的用户而不需要树立独立的版本。
7、更好的扩展性。你的规划不仅仅用于web阅读器,也能够发布在其他设备上,比方PowerPoint等。
8、更灵活操控页面布局,通常页面的下载是依照代码的摆放次序,而表格布局代码的摆放代表从上向下,从左到右,无法改动。而通过CSS操控,您能够任意改动代码的摆放次序,比方将重要的右边内容先加载出来。
9、表现和内容相分离,干净利落,将规划部分剥离出来放在一个独立款式文件中,而网页主要来放置您的内容,你能够削减未来网页无效的可能。
10、更方便搜索引擎录入,并取得更高的点评。用只包含结构化内容的HTML替代嵌套的标签,主次清楚,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的点评(ranking)。
11、Table表格布局灵活性不大,你只能遵从tabletrtd的格局。而div你能够divulli也能够olli还能够ulli……
12、Table表格布局中,废物代码会很多,一些修饰的款式及布局的代码混合一同,很不利于直观。而Div更能表现款式和结构相分离,结构的重构性强。
13.以前一些有必要通过图片转化完成的功用,现在只需用CSS就能够轻松完成,从而更快地下载页面。