Validator html balise non fermé

Fermé
lea - Modifié le 19 janv. 2020 à 22:18
DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 - 19 janv. 2020 à 21:57
Bonjour,
j'ai voulu valider mon code avec un validator html mais il me disait qu'un élément est ouvert mais je ne vois pas pouvez vous m'aider?

voici mon code:
<!DOCTYPE html>
<html lang="fr"> 
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Portfolio</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
        <link rel="stylesheet" href="css/style.css">
      </head>
      <body>
        <div class="container">
        <header>
          <div class="row justify-content-between">
            <div class="col-md-3 mt-5">
              <img src="img/logocouleursanstypo.png" id="logo" alt="logo">
            </div>
          <nav>
            <div class="col-md-6 mt-5">
              <ul>
                <li>
                  <a href="index.html">Accueil</a>
                </li>
                <li>
                  <a href="parcours.html">Parcour</a>
                </li>
                <li>
                  <a href="creation.html">Projets</a>
                </li>
                <li>
                  <a href="contact.html">Contact</a>
                </li>
              </ul>
            </div>
          </div>
          </nav>
        </header>
        <main>
          <div class="row justify-content-center">
            <div class="col-md-4 mb-5">
              <img src="img/contactimg.png" id="contactimg" alt="contactimg">
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-3 mt-5">
              <h2 id="contact">Contact</h2>
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-6">
              <p>Mail: ***@***</p>
              <p>Tel: 07 71 10 60 05</p>
            </div>
          </div>
        </main>
        <footer>
          <div class="row justify-content-center boite4">
            <div class="col-md-1 mt-5 mb-5 boite4">
              <a href="https://www.linkedin.com/in/l%C3%A9a-aguiar-1561b318b/">
                <img src="img/linkedin.png" id="logof" alt="linkedin">
              </a>
            </div>
          </div>
        </footer>
        <script src="js/jquery-latest.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
        <script src="js/script.js"></script>
        </div>
      </body>
</html>

Configuration: Windows / Chrome 79.0.3945.130
A voir également:

1 réponse

DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 1 999
Modifié le 19 janv. 2020 à 22:24
Bonjour

Un conseil, quand tu fais des pages en html / php
Pense à mettre des tabulation pour bien séparer les différentes parties de ton code.


Il me semble qu'il manquait une balise </div> à la fin de la partie <header>
Et il y en a une en trop en bas

Voilà la partie <header corrigée
Là, c'est plus facile à lire

<header>
<div class="row justify-content-between">
 <div class="col-md-3 mt-5"><img src="img/logocouleursanstypo.png" id="logo" alt="logo"></div>
  <nav>
   <div class="col-md-6 mt-5">
    <ul>
     <li><a href="index.html">Accueil</a></li>
     <li><a href="parcours.html">Parcour</a></li>
     <li><a href="creation.html">Projets</a></li>
     <li><a href="contact.html">Contact</a></li>
    </ul>
   </div>
  </nav> 
 </div>
</div>
</header>
0