嵌套<div>或<p>标记内的任何其他块级元素在语法和语义上是否正确.我在谈论HTML4 Transitional DTD.
如果不是那么可以代替使用<span style="display: block">吗?
<!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>
Run Code Online (Sandbox Code Playgroud)
我正在学习类,现在我制作了两个具有相同类的 html 元素,但 css 未应用于 p 标签。
我使用p标签作为父级并在其中添加少量元素.但问题是,当你看看检查代码时,p标签是单独显示的,而不是将孩子放在里面.
她是HTML
<div class="createapp_div">
<p><h1>Select</h1> <button class=""></button> <button class=""></button></p>
<p><span>Name</span> <input type="text" /></p>
<button>Create</button>
</div>
Run Code Online (Sandbox Code Playgroud)
让我们切入追逐.这是给我带来麻烦的一段代码:
<p id="mainBlock">
<img src="/icons/128x128.png" id="icon">
<h3>App name</h3>
<span id="version"></span>
</p>
<p>Description</p>
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/DerekL/0pd7njbr/
看起来对我好.但是当我在Chrome中试用它时,这就是我在控制台中看到的:
这不是正确的标记!请注意,<p>搞砸了.我一直在看这个问题一段时间,但仍然看不出是什么造成的.
我不敢相信我问了一个问题,为什么我的p标签不起作用.