在基于标签的语言(如HTML或XML)中,有些标签在不使用第二个标签的情况下自行关闭:
<tag/>
而不是这个:
<tag></tag>
是否有自己关闭的标签的特定名称？
谢谢!:)
我正在编写一个HTML页面,并注意到HTML标头标签并不完全一致.其中一些需要关闭标签,一些则不需要.
例如,scripttag确实需要结束标记但meta不需要.现在我想知道为什么？
我正在将一些CSS转储到div中,我希望将其格式化,以便更清晰.基本上我想要做的是在每个分号后插入一个break标记.我已经搜索了一段时间,但似乎找不到一些非常适合我想做的事情.
我有这样的事......
HTML
<div class='test'>
color:red;background-color:black;
</div>?
jQuery的
var test = $('.test').text();
var result = test.match(/;/g);
alert(result);?
我试过..
var test = $('.test').text();
var result = test.match(/;/g);
result.each(function(){
$('<br/>').insertAfter(';');
});
alert(result);?
我也在这里开始了一个小提琴..基本上只返回匹配的角色... http://jsfiddle.net/krishollenbeck/zW3mj/9/ 这是我迄今为止唯一能够开展工作的部分.
我觉得我有点朝着正确的道路走下去,但我知道这是不对的,因为它错了.我想有一种方法可以在每个匹配元素之后插入一个break标记,但我不确定如何到达那里.任何帮助深表感谢.谢谢...
谁能解释我为什么<ul>elementa不能为空？
为什么这个HTML:
<ul>
<li class="header">
<a href="#">Work</a>
<ul/>
</li>
<li class="header">
<a href="#">New</a>
<ul/>
</li>
<li class="header">
<a href="#">Ungrouped</a>
<ul/>
</li>
<li class="header">
<a href="#">Offline</a>
<ul/>
</li>
</ul>
呈现如下:
- 工作
- 新
- 未分组
- 离线
我试图理解CSS,我尝试的第一件事就是:
<div style="
height: 100px;
width: 100px;
border: 1px solid black"/>
<div style="
height: 100px;
width: 100px;
border: 1px solid red"/>
和
<div style="
height: 100px;
width: 100px;
border: 1px solid black"></div>
<div style="
height: 100px;
width: 100px;
border: 1px solid red"/>
任何人都可以解释一下发生了什么？我认为应该没有区别..直到现在我才体验到纯xml所以这对我来说有点令人沮丧..
还有一个问题..如何显示整个事情？我假设首先是浏览器构建DOM树,通常根据元素的顺序显示它.是否与css相同,只有样式定义的那么小的变化？我的意思是样式表中的规则首先应用于显示某个具体元素时,其中没有其他技巧.正确吗？
我碰到一个代码来的地方开发人员试图关闭一个空的表格单元格这样<TD />istead的<td></td>.
现在,何时关闭<tag />以及它最初来自哪种语言？
我的背景是在WinForms编程中,我试图分析一下.我发现跨浏览器问题总的来说是一个令人沮丧的障碍,但有一个我似乎无法解决的具体问题.
我想显示图像并在顶部和底部放置一个半透明条.当然,这不是我的最终目标,但它展示了我在一个相对较短的,自包含的代码片段中遇到的问题,所以让我们继续吧.
下面的示例代码按照Chrome,Safari和Firefox中的预期显示.在IE8中,底部的栏根本不显示.我已经研究了几个小时,但似乎无法提出解决方案.
我确定这是一个愚蠢的新手错误,但必须从某个地方开始.代码片段......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
</script>
<style type="text/css">
.workarea
{
position: relative;
border: 1px solid black;
background-color: #ccc;
overflow: hidden;
cursor: move;
-moz-user-focus: normal;
-moz-user-select: none;
unselectable: on;
}
.semitransparent
{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color: Gray;
}
</style>
</head>
<body style="width: 800px; height: 600px;">
<div id="workArea" class="workarea" style="width: 800px; height: 350px;
left: 100px; top: 50px; background-color: White; border: 1px solid black;"> …如果你去这里:http://xcs.dyndns.info/piataterenuri/vinde.php你可以看到页脚出现.
但是如果你去http://xcs.dyndns.info/piataterenuri/vinde2.php这里,你可以看到textarea之后没有显示任何内容.
这两者之间唯一的区别是第二个有:
<tr>
<td class="optiune">Info:</td>
<td> <textarea cols="30" rows="5" class="field"/></td>
</tr>
为什么会这样？
几个小时以来我一直在努力解决这个问题,似乎无法弄清楚发生了什么或与之相关的任何相关网站.我所要做的就是同时使用Ajax Control Toolkit和JQuery.
以下是重新创建问题所需的唯一代码.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="TestWebsite.TestForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
language="javascript" />
</head>
<body>
<form id="form1" runat="server">
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajax:ToolkitScriptManager>
<div>
</div>
</form>
</body>
</html>
如果它很重要我使用的是Visual Studio 2010专业版.我的asp.net网站瞄准.NET 4.0框架.我使用的是版本为4.1.60501.0的AjaxControlToolkit.dll.Jquery是1.7.2分钟版本.
如果我注释掉jquery脚本行或ToolkitScriptManager我没有得到任何javascript错误.如果他们都包括在内我得到错误
"Microsoft JScript运行时错误:Sys.ArgumentException:找不到ID为'form1'的元素.参数名称:elementOrElementId"
Stacktrace给了我DomElement $ resolveElement(elementOrElementId,containerElement)javascript函数作为罪魁祸首.
任何帮助,将不胜感激.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<script type="text/javascript">
function fire() {
console.log(document.body.children.length);
console.log(document.body.children[0].children.length);
}
</script>
<body onload="fire()">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pharetra ipsum erat. Aenean convallis laoreet massa, et gravida purus faucibus ac. <a id="test"/>Vestibulum libero justo.</p>
</div>
</body>
</html>
当您打开控制台,你会看到,<a>是children的<body>,<div>和<p>.WTF？
如果<a>用"正确的"结束标记关闭,问题就会消失,而且它的唯一子项就是<p>.
谁可以给我解释一下这个？
PS:在Chrome上测试稳定.
可能的重复:
XHTML中的所有有效自关闭标记是什么(由主要浏览器实现)？
(非空)自动关闭标签在HTML5中有效吗？
为什么浏览器认为这个<div />标签没有立即结束？
有人可以解释为什么会这样吗？
.lineBreak10
{
height: 10px;
}
<div class="lineBreak10"/> - >不起作用
<div class="lineBreak10"></div> - >工作
为什么以下HTML中没有出现警报？
我的HTML
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="a.js"/>
</head>
<body>
</body>
<html>
a.js
alert("hello");
我最近遇到的这个问题,我试图在我的HTML页面中导入多个js文件,如下所示 -
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" />
<script src="lib/js/backbone.js" />
但我遇到的问题是,它只加载了第一个js文件,其余的js文件没有加载.我还检查了浏览器中的网络部分,剩下的两个文件只是没有被调用.然后我将语法改为此 -
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="lib/js/backbone.js"></script>
然后加载所有3个文件成功发生.我的问题是,是
<script src="" />
一个错误的语法或这个问题仅对我有用吗？