“Errant balise de début de pied de page” dans le validateur html?

Je ne peux pas savoir pourquoi j'obtiens cette erreur:

Errants balise de début de page.

C'est le code (j'ai pris le contenu, c'est juste les balises)

<!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 protected]">[email protected]</a>
    <img src>
</footer>

Je suis sûr d'avoir fermé tous les tag, alors quel est le problème avec le pied de page?

Je ne vois pas <html></html>, mais votre pied semble ok.
Il a aussi probablement n'aide pas que le pied de page est en dehors de la <body> tag.

OriginalL'auteur Hayley van Waas | 2013-09-22

  1. 20

    Vous avez besoin de déplacer le </body> balise de fin à la fin, parce qu'un footer élément ne doit pas apparaître après la body élément mais à l'intérieur il. Cela découle de la syntaxe de l'élément racine, le html de l'élément: il contient un head élément et un body élément, rien de plus.

    Le validateur dit “Errant balise de début de pied de page”, parce que la balise de début s'affiche dans un contexte où aucun élément ne peut être démarré après la </body> tag, où seule l'option </html> balise peut apparaître.

    OriginalL'auteur Jukka K. Korpela

  2. 0

    Manquant <html> balises ajoutées, <footer> amené à l'intérieur <body> tag. Bien que non directement liés à votre question, il semble également que vous utilisez <br> balises pour faire de l'espace entre les différents éléments. Je vous suggère d'arrêter de le faire, et utiliser les CSS pour régler le margin les propriétés de ces éléments à la place.

    Code complet ci-dessous: 

    <!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 protected]">[email protected]</a>
        <img src>
    </footer>
</body>
</html>

    OriginalL'auteur Sean Ryan