6

我无法弄清楚为什么会收到此错误：

杂散的开始标签页脚。

这是代码（我把内容拿出来了，这只是标签）

<!doctype html>

<head>
    <title>title</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
    <img src="heading.jpg" width="840" alt="pic">
    <!--<div id="container"></div> used ot set width of page -->
    <nav>
        <div id="columns">
            <a href="index.html">Home</a>
            <a href="products.html">Products</a>
            <a href="gift_ideas.html">Gift Ideas</a>
        </div>
        <br>
        <div id="link">
            <a href="link1.html">link1</a>|<a href="link2.html">link2</a>|<a href="link3.html">link 3</a>
        </div>
    </nav>
    <section>
        <br>
        <div id="homePage">
            <h1>Welcome</h1>
            <br>
            <div id="cart">
                <img src>
            </div>
        </div>
    </section>
</body>
<footer>
    <br>
    <h2>Contact Us</h2>
    Email: <a href="email@example.co.nz">email@example.co.nz</a>
    <img src>
</footer>

我确定我已经关闭了每个标签，那么页脚有什么问题？

4

2 回答 2

29

您需要将</body>结束标记移到最后，因为footer元素不能出现在body元素之后，而是出现在元素内部。这遵循根元素的语法htmlelement：它包含一个head元素和一个body元素，仅此而已。

验证器说“Stray start tag footer”，因为开始标签出现在不能启动元素的上下文中——在</body>标签之后，只有可选</html>标签可能出现。

于 2013-09-22T04:36:49.190 回答
0

添加了缺少<html>的标签，<footer>带入了<body>标签。虽然与您的问题没有直接关系，但您似乎也在使用<br>标签在各种元素之间留出空间。我建议你停止这样做，并使用 CSS 来调整margin这些元素的属性。

完整代码如下： 

<!doctype html>
<html>
<head>
    <title>title</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
    <img src="heading.jpg" width="840" alt="pic">
    <!--<div id="container"></div> used ot set width of page -->
    <nav>
        <div id="columns">
            <a href="index.html">Home</a>
            <a href="products.html">Products</a>
            <a href="gift_ideas.html">Gift Ideas</a>
        </div>
        <br>
        <div id="link">
            <a href="link1.html">link1</a>|<a href="link2.html">link2</a>|<a href="link3.html">link 3</a>
        </div>
    </nav>
    <section>
        <br>
        <div id="homePage">
            <h1>Welcome</h1>
            <br>
            <div id="cart">
                <img src>
            </div>
        </div>
    </section>
    <footer>
        <br>
        <h2>Contact Us</h2>
        Email: <a href="email@example.co.nz">email@example.co.nz</a>
        <img src>
    </footer>
</body>
</html>
于 2013-09-22T03:23:12.173 回答