javascript - 浏览器中显示多余的

Question

我正在练习使用 bootstrap 编写 html。我是初学者。当我在浏览器中打开html文件时出现一个奇怪的错误:没有段落标签<p></p>在源代码中，但它们显示在浏览器中。

部分源代码:

<div class="header" style="background-image: url(http://www.cnblogs.com/skins/WebLoad/images/o_header.jpg">
        <header id="top" class="navbar navbar-static-top bs-docs-nav">
            <div class="container topbar">
                <div class="navbar-header">
                    <h1><b>Welcome to our home page！</b></h1>
                </div>
                <nav class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a id="signin-out" class="cd-signin header-item" href="#0">login/register</a></li>
                        <li><a class="cd-signup header-item" href="#0">know more</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <div id="name" class="bs-docs-header" tabindex="-1">
            <div class="container">
                <h1>team name</h1>
                <p>team desciption</p>
            </div>
        </div>
    </div>

浏览器显示: screenshot of display with paragraph space at top

当我使用 firebug 检查它时，它显示 code including paragraph tags冗余<p></p>

Answer 1

您确定您的 body 标签上没有任何内容吗？

也许只是浏览器的缓存需要刷新(crtl + shift + R 或 cmd + shift + R)

您还可以检查您的代码中是否没有添加代码的 javascript 插件(在此 p 标记中)。