据我所知,这是对的:
<div>
<p>some words</p>
</div>
但这是错误的:
<p>
<div>some words</div>
</p>
第一个可以通过w3c验证器(xhtml 1.0),但第二个不能.我知道没有人会像第二个那样编写代码.我只是想知道为什么.那么其他标签的遏制关系呢？
来自http://webdesign.about.com/od/htmltags/p/aadivtag.htm
在HTML 4中,DIV元素不能位于另一个块级元素内,就像P元素一样.但是,在HTML5中,DIV元素可以在里面找到,并且可以包含其他流内容元素,如P和DIV.
我在表格中有这样的东西
<p> <label...> <input...> </p>
但是当Rails自动生成一个包含输入的error_explanation div时,一个段落变为两个,我在Firebug中看到了这个:
<p> <label...> </p> <div...> <input...> </div> <p> </p>
另外,如果我只是添加一个简单的
<p> <div> test </div> </p>
发生同样的问题(JSFiddle),它在DOM中呈现为
<p> </p> <div> test </div> <p> </p>
为什么？
更新:我通过电子邮件发送了文章的作者,并做了相应的更改.
看起来像新版本3.0我必须设置图像的类名称,col-lg-4 col-sm-4 col-4如果图像是具有相同类名的div的一部分,以使图像响应所有断点.
在版本2中,图像CSS属性默认继承父级的div属性.
它是否正确？
javascript responsive-design twitter-bootstrap twitter-bootstrap-3
我想做这样的事情:
<p>This is a <h2>text</h2> paragraph.</p>
我为h2禁用了边距和填充,但它仍然在h2标记之前和之后打破了这一行.如何在文本中间使用h2标签,使其看起来像是正常的单词,就像<b>一样？
我的html文档的doctype是"XHTML 1.0 Transitional"
在<button>规范部分中,我们看到允许的内容仅是Phrasing内容.它是有效的HTML代码部分(在此处选中):
<button>
<span></span>
</button>
这不是有效的HTML代码部分(在此处选中):
<button>
<div></div>
</button>
但我们可以改变以下的display属性<span>:
<button>
<span style="display: block"></span>
</button>
看起来我们使用的是<div>a <span>,但HTML是有效的.(通过规范)是否可以使用允许的内容元素并更改其display属性？
不久前，我正在使用HTML5 的w3c 验证器，并尝试用一个标签来替换已弃用的<tt>标签。我输入了这个小例子：
<!DOCTYPE html>
<html>
<head><title>Valid tags inside other tags</title></head>
<body>
<p>Inside paragraph you cannot use <pre>preformated text</pre></p>
</body>
</html>
并得到这个错误：
第 6 行，第 66 列：范围内没有 p 元素，但看到 ap 结束标记。
但是当我更改标签<pre>的标签时<code>，没有引发错误。
我想这是因为你不能在段落中包含预先格式化的文本，但我没有运气搜索正则表达式或可以将我指向其他标签内的有效标签的东西。
任何人都可以指出我这样的资源吗？
编辑：
事实证明，我不擅长阅读文档，而且还没有看过块级元素。所以，现在的问题是，我如何知道哪些是有效的内联元素以及如何在其他块级元素内使用块级元素？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.city
{
background-color: black;
color:blanchedalmond;
}
</style>
</head>
<body>
<div class="city">
<h1>Paris</h1>
</div>
<p class="city"><h2>Germany</h2></p>
</body>
</html>
我正在学习类，现在我制作了两个具有相同类的 html 元素，但 css 未应用于 p 标签。
我知道这<p>是专门用于内联元素.但是,如果将内联元素更改<span>为块级元素{ display:block }并将其包含在一个块中,该<p>怎么办？
即.
<html>
<head>
<style>
p {
background: red;
height: 100px;
width: 100px;
}
p span {
display: block;
background: blue;
height: 50px;
width: 50px;
}
</style>
</head>
<body>
<p>
<span>I am a pizza</span>
</p>
</body>
</html>
这个词的每个意义上都是错的吗？我知道这不常见(即大多数人会质疑为什么我不只是使用div),但这是一个假设的情况.它通过了验证测试,但它是不是很糟糕/糟糕的做法？如果你阅读那段代码,你会嗤之以鼻吗？
我只是想改变"p"下所有"h1"元素的背景颜色,如下所示,但它不起作用
$(document).ready(function(){
$("p").find("h1").css("background-color","yellow");
});
下面是jsfiddle
var wrapper = $('<p><div class="text">Hello World</div></p>');
console.log(wrapper.html());
变
<p></p><div class="text">SOMETHING</div><p></p>
你怎么能避免HTML被搞砸了？
答案:我没有意识到在段落中放入DIV是无效的HTML.
我想知道这两行之间的区别:
p.intro a{color=# ff99ff;}
p .intro a{color=# ff99ff;}
在第一示例中,在p和之间没有空间.intro,而在第二示例中,它们之间存在空间.
我想用一些例子来解释.