Dreamweaver中Div标签是干嘛用的

如题所述

举报该文章

相关建议推荐于2017-09-02

　　HTML <div> 标签

定义和用法

　　<div> 可定义文档中的分区或节（division/section）。

　　<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

　　如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

　　<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

　　不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

　　可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

浏览器支持

　　所有主流浏览器都支持 <div> 标签。

HTML 与 XHTML 之间的差异

　　在 HTML 4.01 中，div 元素的 "align" 属性不被赞成使用。

　　在 XHTML 1.0 Strict DTD 中，div 元素的 "align" 属性不被支持。

提示和注释：

　　注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

　　提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

案例分析

<body>
<h1>NEWS WEBSITE</h1>
  <p>some text. some text. some text...</p>
  ...
<div class="news">
  <h2>News headline 1</h2>
  <p>some text. some text. some text...</p>
  ...
</div>
<div class="news">
  <h2>News headline 2</h2>
  <p>some text. some text. some text...</p>
  ...
</div>
...
</body>

例子解释

　　正如您看到的，上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起，也就是说，div
为文档添加了额外的结构。同时，由于这些 div 属于同一类元素，所以可以使用 class="news" 对这些 div 进行标识，这么做不仅为
div 添加了合适的语义，而且便于进一步使用样式对 div 进行格式化，可谓一举两得。

可选的属性

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/24f7vpss8.html

其他看法

第1个回答 2013-07-22

一个网站的网页美工设计好之后，要对它进行网页排版布局，常用的网页布局主要有两种：一是表格(Table)布局、二是DIV+CSS排版设计；用表格进行布局排版的工具一般常用的是Macromedia Dreamweaver和Microsoft Frontpage这两个软件，当然，如果对html语言代码较熟悉的话，也可以使用“记事本”直接编辑也可以。DIV+CSS网页设计的话一般是手写代码，使用网页编辑工具也可以，在代码编辑状态下编辑也是不错的选择。表格在网页设计中比较直观，直接可以选择行与列，对内容进行定位划分，大小、高度、颜色、图片可以手动设置。div+css也是网页布局排版作用，用于对网页的内容进行定位安排，DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用div+CSS的方式实现各种定位。严格DIV+CSS网页设计要通过W3C标准。W3C标准检测网站： http://validator.w3.org/ 表格网页设计的优势与劣势1、表格操作简单直观，只要会一点word操作的人员，就差不多可以使用frontpage设计网页了（不够还是不专业），如果专业一点可以使用Macromedia Dreamweaver对网页进行编辑。2、网页设计速度快，如果你要编辑的网页不是很多的话，使用表格排版，网页的速度是非常快的，如使用Macromedia Dreamweaver对网页进行编辑，按ctrl+alt+t快捷键，就可以插入表格，输入行和列，就可以插入表格。3、可视化操作强，所有网页在网页编辑软件中编辑，可以视化操作，直观，你所看到的内容，和在浏览器中显示的内容基本上是一样的。4、在网页设计时是可重复性操作不强，如一个网页的布局和另一个如果页面相同的布局的话，得重新设计一个。5、网页如果要修改的话、我对每个独立的修改，如果很多风格一样的页面，不能同时操作。6、网页设计时文件内容很多及设计丰富的话，文件会变得非常之大。DIV+CSS网页设计的优势与劣势1、要DIV+CSS的网页设计师必须要会手写HTML语言的能力，所以对设计师来说相对要求高一点。2、同进得会手写CSS语言的能力3、可视化操作性不强，在很多可视化操作软件中看不出效果。4、网页表现与结构分离，对CSS修改可以对网页文件布局修改，如果有多个网页相同布局的话，可以调用同一个CSS文件实现布局功能。5、网页打开速度快，因为它可以先打开内容，再调用CSS文件。6、更多的DIV+CSS设计好处，还在整理中，详细可以咨询创思科技，创思科技是专业网站建设公司……

第2个回答 2013-07-22

DIV相当于容器，可以在网页上划出一个个区域，可以把其它元素往里装，因此，可以用于网页布局。
你说的绘制层是DIV的另一种表现形式，人们通常习惯把浮动的div叫做层，因为浮动的div可以按定义它的叠放层次，其实只是表现形式不同而已了。
div的大小边框是可以定义的如：
<div style="width:500px;height:300px;border:1px solid #FF0000">...</div>
这只是一个例子。

第3个回答 2013-07-22

这个主要用来给网页布局的当然也可以用它来做其他的通常都是 DIV + css 给网页做布局

第4个回答 2013-07-22

div 是个标签被称为盒子也就是装你网页里显示内容的东西，他范围很大基本上什么东西都能装。

1 2 下一页

Dreamweaver中的div是什么?
通俗说是层标签<div><\/div>是一个完整的标签，适用于替代表格进行网页布局。将网页分成一块一块的，比起表格布局方便的多，可以灵活运用。

Dreamweaver使用Div标签
一、Div标签概述div（Division）元素在文档内定义了一个区域，div元素包括文本、表格、表单、图像、插件等各种页面内容，甚至在div元素内还可以包含div元素。如果要使div标签显示特定的效果，或者在某个位置上显示HTML内容，就要为div标签定义CSS样式。使用div标签的方法为：div HTML内容 \/div如果单独使用div...

dreamweaver中的span和div是干什么的?
这两个都是标签也就是对网页元素的颜色大小字形等定义用 span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。

dw的div标签怎么用
Dreamweaver将在文档中插入一个div标签。根据需要设置div标签的属性，在Dreamweaver的“属性”面板中，找到属性，进行设置。在div标签内部添加其他HTML元素，文本、图像、链接等。使用CSS样式表来进一步设置div标签的样式，背景颜色、字体、大小、边框等。3、最后，保存并预览HTML文件，即可查看div标签的效果。

Dreamweaver中层和div有什么区别吗
DIV的意思是区块标签。如果已经给 div 标签分配了绝对位置（也就是规定了这个DIV标签的样式），它就可充当一个 Dreamweaver 层。层的概念：通过 Dreamweaver，您可以使用层来设计页面的布局。您可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。您可以在一个层中放置背景图像，然后在该层...

急,dreamweaver里的插入div是什么
你好 div 是一个容器也是一个“纯洁的标签” 含义就是不带默认margin 和padding 的标签 id 和 class 一个是id选择器一个是类选择器这个是对应样式应用的如果没有样式可以不填比如 css中有一个 #a{width:50px;height:50px;} 你想让div应用这个样式就在id里填a css...

什么是DIV?如何在dreamweaver中使用这种技术?
● 1.使用 DIV 标签 (div)当我们使用 CSS-P 的时候, 我们主要把它用在 DIV(division)tag 上。当你把文字,图像,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在...

在Dreamweaver中怎样用DIV+CSS来制作网页
div是：HTML <div> 标签定义和用法 <div> 可定义文档中的分区或节（division\/section）。<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。用法 <div> 是一个块级元素...

怎样在DreamWeaver中插入DIV标签进行布局
DIV标签以一个框的形式出现文档中，并带有占位符文本。将指针移到该框的边缘上时，Dreamweaver会高亮显示该框。如果已经给DIV标签分配了绝对位置，它就可充当一个Dreamweaver层。有DreamWeaver使用DIV标签进行布局插入DIV标签后，您可以对其进行操作或者在其中添加内容。绝对定位的DIV标签为Dreamweaver层。在为...

dreamweaver的span和div有什么区别?可以具体解释一下吗?谢谢
还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及...

相似回答

大家正在搜