在 HTML5 中有一些标签,即使它们的内容为空,也必须有一个开始和一个结束标签:
<script></script> <!-- Right way. -->
<div></div> <!-- Right way. -->
<content></content> <!-- Right way. -->
<script/> <!-- Wrong way. -->
<div/> <!-- Wrong way. -->
<content/> <!-- Wrong way. -->
Run Code Online (Sandbox Code Playgroud)
在 XML 中,这种差异不存在:
<node/>并且<node></node>是相同的实体。
为什么像script, divand这样的标签content不能简单地定义为:
<script/>, <div/>and <content/>?
我知道输入标签是否需要像这样的关闭标签输入
<input type="text" value="Save">
Run Code Online (Sandbox Code Playgroud)
但我会继续一些网络应用程序,我看到这么多的输入标签与这样的关闭标签
<input type="text" value="Save"></input>
Run Code Online (Sandbox Code Playgroud)
我想知道,这会对某些事情产生影响吗?我担心将来会对某些事情产生影响.
附加元素有什么区别
$('#my_parent_element').append('<div>');?
Run Code Online (Sandbox Code Playgroud)
要么
$('#my_parent_element').append($('<div>'));?
Run Code Online (Sandbox Code Playgroud)
和
$('#my_parent_element').append('<div/>');?
Run Code Online (Sandbox Code Playgroud)
要么
$('#my_parent_element').append($('<div/>'));?
Run Code Online (Sandbox Code Playgroud)
这是什么斜线的目的/.
将此元素转换为jQuery元素的目的是什么$?
为什么jQuery能够以这种方式附加元素?
下面是标题内的菜单.ul和li元素是浮动的,现在浮动在标题下面,我试图用它清除:两者.但是,这似乎没有用,所以我想知道......什么可能是错的?
HTML:
<header>
<ul>
<li><a href='#'>Item 1</a></li>
<li><a href='#'>Item 2</a></li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Item 4</a></li>
</ul>
<div class='clear'/>
</header>
Run Code Online (Sandbox Code Playgroud)
CSS:
header {
background: #888;
height: 20px;
padding: 10px;
}
ul{
margin: 18px 0;
padding: 0;
list-style: none;
}
ul li{
margin: 0 10px 0 0;
padding: 0;
display: block;
float: left;
width: 80px;
height: 20px;
border: 1px solid #000;
background: red;
}
ul li a{
display:block;
width: 100%;
height: 100%;
text-decoration: none;
float: left;
text-align: center;
padding-top: 2px;
} …Run Code Online (Sandbox Code Playgroud) 我正在反对一个遗留系统,当 div 不包含任何内容时,它会产生自动关闭的 div。
我想使用 jQuery 来获取某些 div 的内部 html,但是如果 div 是自关闭的,jQuery 总是会得到错误的 html。
请参阅下面的演示代码:
<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="application/javascript">
$(function () {
var s = $('.b').html();
alert(s);
});
</script>
</head>
<body>
<div class="a"></div>
<div class="b" />
<div class="c">This is c</div>
</html>
Run Code Online (Sandbox Code Playgroud)
当我运行此代码时,我得到以下结果:

请帮助我,任何建议将不胜感激。
我有点惊讶地发现 <img>最后不需要斜线.例如<img src="my_pic.jpg" alt="picture of me">,有效的HTML5.我认为在HTML4之后有一个过渡到最后有一个斜线,或者匹配的结束标签(例如<br>变成了<br />).目前的趋势是不是要使HTML尽可能符合XML,<img>而不是<img />违反此规定?是否<img>符合XHTML标准?
我有一个关于关闭自动关闭HTML 标签的问题。
哪个更合适?
1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Run Code Online (Sandbox Code Playgroud)
另外,如果有人对此<meta>标签有一个好的替代方案,例如:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
OR
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Run Code Online (Sandbox Code Playgroud)
这篇文章对我有一些帮助。
我用于<!DOCTYPE html>我的文档类型。
我在div()之前得到了一条不需要的行,它在浏览器的开发者模式(firefox)中显示为空点.我怎么摆脱它?
它不是div的伪元素,所以span :: before不起作用.我不知道它正在产生.
<div class="coll-details">
<h5>Div title</h5>
<span class="fa counts fa-eye"> 234</span>
<span class="fa counts fa-heart"> 123</span>
<span class="fa counts fa-comment"> 123</span>
<span class="fa counts fa-share"> 123</span>
</div>
Run Code Online (Sandbox Code Playgroud)
空格文本节点在span标记之前添加.
我是Web开发的新手,并试图弄清楚如何在元素中添加元素.
.blackBox {
background: #000;
z-index: 0;
}
.text {
color: #000;
z-index: 2;
}
.redBox {
background: red;
opacity: 0.5;
z-index: 1;
}Run Code Online (Sandbox Code Playgroud)
<div class="blackBox">
<div class="text">Lorem Ipsum Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... </div>
<div class="redBox" />
</div>Run Code Online (Sandbox Code Playgroud)
我正在审查大量 HTML 代码以及合成 HTML 的 JavaScript,我注意到如果标签内有一些没有内容的标签,那么有两种方法可以指定它。要么像这样:
<div id="container"></div>
Run Code Online (Sandbox Code Playgroud)
或者像这样:
<div id="container" />
Run Code Online (Sandbox Code Playgroud)
两者之间有什么区别吗?
html ×8
css ×3
javascript ×3
html5 ×2
jquery ×2
append ×1
clear ×1
css-float ×1
doctype ×1
dom ×1
font-awesome ×1
formatting ×1
standards ×1
tags ×1
xml ×1