Dreamweaver中Div标签是干嘛用的

 我来答
纯洁的小树
推荐于2017-09-02 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:454万
展开全部

  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 进行格式化,可谓一举两得。


可选的属性

匿名用户
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设计好处,还在整理中,详细可以咨询创思科技,创思科技是专业网站建设公司……
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-07-22
展开全部
DIV相当于容器,可以在网页上划出一个个区域,可以把其它元素往里装,因此,可以用于网页布局。
你说的绘制层是DIV的另一种表现形式,人们通常习惯把浮动的div叫做层,因为浮动的div可以按定义它的叠放层次,其实只是表现形式不同而已了。
div的大小边框是可以定义的如:
<div style="width:500px;height:300px;border:1px solid #FF0000">...</div>
这只是一个例子。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-07-22
展开全部
这个主要用来给网页布局的 当然也可以用它来做其他的 通常都是 DIV + css 给网页做布局
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-07-22
展开全部
div 是个标签 被称为盒子 也就是装你网页里显示内容的东西,他范围很大基本上什么东西都能装。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式