Question

我无法理解为什么会收到此错误：

Stray start标签页脚。

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

<!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>

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

Answer 1

您需要在最后移动</body>结束标记，因为footer元素不得出现在body元素之后但在其中。这取决于根元素的语法html element：它包含head元素和body元素，仅此而已。

验证程序显示“Stray start tag footer”，因为开始标记出现在无法启动任何元素的上下文中 - 在</body>标记之后，其中只显示可选的</html>标记。< / p>

Answer 2

添加了<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>

html验证器中的“Stray start tag footer”？

2 个答案: