DIV标签可以简单的直接结束掉吗？

最新推荐文章于 2022-01-02 17:07:38 发布
最新推荐文章于 2022-01-02 17:07:38 发布
阅读量501 收藏
点赞数
文章标签： XHTML CSS

经过上次的计划，我准备用DW做前端，因为是可视化的软件，管理和开发相对来说比较方便和直观，真的不得不赞叹DW的贴心，感觉许多地方处理的都很人性化，用起来特别的爽，不过正当我用默认的FF来浏览我刚用DW开发好的页面的时候，发生了意料之外的事情。

 

以下是一部分XHTML的代码：

	<body id="overview">
		<div id="header">
			<div id="logo"/>
			<div id="slogan"/>
			<div id="line"/>
		</div>
	</body>

  以下是对应的CSS代码：

#header{
	width:1000px;
	height:800px;
}

#header #logo{
	margin-top:25px;
	margin-left:22px;
	width:134px;
	height:70px;
	background-image:url(../images/logo-normal-134x70.png);
	display: block;
}

#header #slogan{
	margin-top:70px;
	width:177px;
	height:25px;
	background-image:url(../images/slogan-177x25.png);
}

#header #line{	
	margin-left:22px;
	margin-top:23px;
	border-top-color:#FFFFFF;
	border-top-width:5px;
	border-top-style:solid;
}

 

弄完之后DW显示是完全正确的，可是当我打开默认的FF的时候，确发生了不可思议的事情，DW中显示：


这个明显不满足预期，slogan和logo在我看来应该是两个DIV，怎么会合在了一起？很莫名的错误，后来不知道怎么回事，突发奇想了下，会不会是由于

<div id="logo"/>

这样子的格式造成的，我于是就改为了

<div id="logo"></div>

同样此时DW也还是好的，我打开了FF，浏览了下效果，果然神奇般的恢复了：


 

结论：在写XHTML时，div标签不能直接用<div/>来结束，我知道这只是表象，希望哪位兄台能告诉到底这个的本质原因是什么，小弟不胜感谢。

 

iteye_2140
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML-表格与div标签
文情
05-16 1683
基本表格 表格是用于排序内容的最佳手段。在HTML页面中，有很多页面都是使用表格进行排版的。基本表格是由<table> 标签、<tr>标签和<td>标签组成的。通过使用<table>标签，可以制作课程表、成绩单等常见的表格。 用于制作表格的主要标签： 标签 含义 <table> 表格标签 <tr> 行标签 <td> 单元格标签 语法个格式如下： <table> <tr&gt
div强制换行和强制不换行
田园
08-03 2492
你把111111111111 改成一段中文试看看, 是因为系统把这一大堆111111111认作一个单词了.一个单词是不换行的.<br /> <br />1、强制不换行，同时以省略号结尾。<br /><div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" ><br />你好朋友朋友朋友我为什么不能看到效果啊<br /></div><br />2、css自动换行<br />div{ word-wrap
css div标签必须用<div></div>关闭
q285661571的专栏
05-23 607
ok!
div+css(3)结束
10-11 854
14.table的border-collapse样式。 separate:边框独立。 collapse：相邻边缘被合并。 15.使用ul和li制作横向和纵向菜单(*) 布局最重要的一个属性就是float ul li { float:left;  list-style-
09、标签的书写格式和标签的属性
山兔的博客
01-02 2375
上面的html、meta、body标签均拥有属性，其中body标签拥有3个属性，标签可以拥有多个属性。每一种标签的书写格式是固定的，不能颠倒书写形式。比如meta标签的charset属性、img标签的alt属性等。每一个标签都可以拥有自己的属性，属性可以增强标签的功能。属性名都是小写，而且是无序的，谁先谁后不影响实际效果。有些属性是标签特有的，不是每一个标签都可以设置。因为br标签是单标签，它没有结束，应该这样写。有些属性是公共的，每一个标签都可以设置。因为div标签是标签对，划横线的是标签的属性。
html小技巧之td,div标签里内容不换行
10-25
总结起来，在`<td>`和`<div>`标签中控制内容不换行，可以通过`<nobr>`标签和CSS样式`white-space: nowrap;`两种方法来实现。在实际开发中，推荐使用CSS样式，因为它更加符合Web标准，并且具有更好的跨浏览器支持和...
python的xpath获取div标签内html内容,实现innerhtml功能的方法
09-19
在这个例子中，`getinnerhtml`函数通过查找开始和结束标签的位置来截取`str1`中的内容。但是，这种方法仅适用于简单的HTML片段，且不处理嵌套的HTML结构。如果HTML内容更复杂，可能需要使用递归或其他方法来确保所有...
div+css布局中选择使用html标签的方法
09-25
DIV标签是用于定义文档中的分区或节区的主要标签，它可以包含块级元素和行内元素。在div+css布局中，DIV标签常被用来构建网页的基本框架结构，如头部、内容区、侧边栏和页脚等。 2. 列表型布局使用UL和LI标签 UL...
jQuery拖动div、移动div、弹出层实现原理及示例
10-26
这段代码的HTML结构较为简单，包含了两个主要部分：一个可以移动的div（类名为moveBar，其中包含一个用于标识的div，类名为banner），以及一个固定在底部的div（类名为footer）。通过这段代码，我们能够观察到如何...
jquery拖动改变div大小
10-19
这样可以防止内存泄漏和确保拖动操作结束后不再触发不必要的事件。 8. **元素的默认行为** 通过`e.preventDefault()`阻止了默认行为。在这里，它的作用是阻止元素在被拖动时发生的默认行为，比如文本选择或其他...
html中div标签是什么意思,html语言中的div标签是什么意思以及它有哪些属性?
weixin_36322275的博客
07-11 1106
是块定义标签. 用于定义一个块的语言或CSS风格DIV要有开始标签和结束标签标签中可有下列参数:id, class (本HTML文件范围内的标识符id,"类") lang (语言信息,例如这个块是阿拉伯文,那个块是俄文,其它是中文), dir (文字方向,从右到左,或从左到右) title (元素的标题"title") style (在线风格详细信息) align (对齐方法的定义) onclic...
div的使用
w1240710008的博客
09-20 3560
使用div来制作html网页 代码如下
html怎么关闭一个div,大神你好，请问怎么在以下代码的div中添加一个关闭按钮？...
weixin_42347671的博客
06-28 239
该楼层疑似违规已被系统折叠隐藏此楼查看此楼var hide=function(){var divs=document.getElementsByTagName("div");for (var i=0;i{divs[i].style.display="none";}}window.onload=function(){hide();var a=document.getElementsByTagNam...
HTML5结束标签规范
AirZilong的博客
03-19 3580
初学html5，先记录一下学到的一点点知识，给大家分享一下； 一、不允许写结束标记的元素： br、hr、img、input、link、meta、base、param、area、col、command、embed、keygen、source、track、wbr； 二、可以省略的结束标记的： li、dt、dd、p、option、thead、tbody、tr、td、t
路径中 斜杠/和反斜杠\ 的区别
qq_28444079的博客
07-26 2820
路径中使用斜杠/和反斜杠\的区别到底是什么。1.正斜杠，又称左斜杠，符号是”/”；反斜杠，也称右斜杠，符号是”\”。2.在Unix/Linux中，路径的分隔采用正斜杠”/”，比如”/home/hutaow”；而在Windows中，路径分隔采用反斜 杠”\”，比如”C:\Windows\System”。而web应用最新使用在Unix系统上面，所以目前所有的网络地址都采用 斜杆/ 作为分隔符。（1）浏览
html的结束标记是什么,HTML：包含或排除可选的结束标记？
weixin_39731682的博客
06-07 752
事实上，在Web浏览器中仍然可以使用“破坏的”HTML标记会导致作者创建损坏的HTML页面。很多破页。据估计，目前网络上超过99％的HTML网页至少有一个错误。但是因为这些错误不会导致浏览器显示可见的错误消息，所以没有人修复它们。W3C认为这是网络的一个基本问题，他们开始纠正它。1997年发布的XML打破了宽容客户的传统，并要求所有使用XML的程序必须将所谓的“格式良好”错误视为致命错误。在希腊领...
添加一个div层并在右上角有个叉叉
di0808的博客
05-11 3560
<html><head><script>function turnoff(obj){document.getElementById(obj).style.display="none";} function turnon(obj,e){document.getElementById(obj).style.display="block";}</s...
a标签导出怎么判断导出结束了
最新发布
06-10
a标签导出文件的过程是由浏览器内部完成的，我们无法直接判断导出的过程是否结束。但是，我们可以通过以下两种方式来判断导出是否完成： 1. 使用定时器 我们可以在点击a标签后，开始一个定时器，每隔一段时间检查一次文件是否已经导出完成。当文件导出完成后，清除定时器，并进行相应的操作，如隐藏loading遮罩层。 以下是一个简单的示例代码： ``` // 获取导出按钮 var exportBtn = document.getElementById('export-btn'); // 添加点击事件 exportBtn.addEventListener('click', function() { // 显示loading遮罩层 var loading = document.createElement('div'); loading.className = 'loading'; document.body.appendChild(loading); // 执行导出操作 // ... // 每隔一段时间检查一次导出状态 var intervalId = setInterval(function() { // 检查导出状态 // ... // 如果导出完成，清除定时器并隐藏loading遮罩层 clearInterval(intervalId); loading.style.display = 'none'; }, 1000); }); ``` 在上面的代码中，我们使用了一个定时器，每隔一秒检查一次文件导出状态。当文件导出完成后，清除定时器并隐藏loading遮罩层。 2. 使用回调函数 我们可以在执行导出操作时，同时传入一个回调函数，当文件导出完成后，调用该回调函数进行相应的操作，如隐藏loading遮罩层。 以下是一个简单的示例代码： ``` // 获取导出按钮 var exportBtn = document.getElementById('export-btn'); // 添加点击事件 exportBtn.addEventListener('click', function() { // 显示loading遮罩层 var loading = document.createElement('div'); loading.className = 'loading'; document.body.appendChild(loading); // 执行导出操作，并传入回调函数 exportFile(function() { // 导出完成后的操作 loading.style.display = 'none'; }); }); // 导出文件，并在导出完成后调用回调函数 function exportFile(callback) { // 执行导出操作 // ... // 导出完成后调用回调函数 callback(); } ``` 在上面的代码中，我们在执行导出操作时，同时传入一个回调函数。当文件导出完成后，调用该回调函数进行相应的操作，如隐藏loading遮罩层。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值