Question

在我的html模板中，基于Zurb Foundation，我有以下代码：

<div id="top-bar">
  <div id="top-bar-top-cont"></div>
  <div class="row">
    <div class="large-12 columns">
      <p id="toplogo">
        <h3>some text</h3>
      </p>
    </div>
  </div>
</div>

当我检查代码源时，firefox警告我关闭p标签时出现红色问题。

在firebug源代码中，我看到它自动关闭p标签和div标签。所以，它没有正确显示事物。

即使我在这里粘贴了这个片段，编辑器也会显示p＆amp;的红色结束标签。最外层的。

我在这个HTML中有错误吗？

我错过了什么吗？

这是我的整个文件：

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation</title>
    <link rel="stylesheet" href="stylesheets/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
  </head>
  <body>
	  <div id="top-bar">
		<div id="top-bar-top-cont"></div>
	    <div class="row">
	      <div class="large-12 columns">
	        <p id="toplogo">
				<h3>some text</h3>
			</p>
	      </div>
	    </div> 
	  </div>

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/foundation/js/foundation.min.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>

Answer 1

您收到此错误是因为Firefox不期望在<h3>标记内有任何标题标记，例如<p>。因此，当Firefox在您的示例中遇到<h3>标记时，它会自动关闭<p>标记。您必须将<h3>标记放在<p>标记之外。

浏览器双关闭我的标签？标记无效？

1 个答案: