I get this error when I try to validate my website! Error: Start tag body seen but an element of the same type was already open

Navigation
0

Error: 

<!DOCTYPE html>
<html>



<head>
<meta charset="UTF-8" />
<title>About me</title>
<link href="../CSS/main.css" rel="stylesheet" type="text/css">



</head>
<a href="../index.html"><img class="home" src="../images/home.png" width="60" alt="home"></a>

<img class="clip" src="../images/clip.png" width="300" alt="clipe">

<body id="aboutme">



<h1 class="titulo">About me</h1>

    <h2>INFORMATION</h2>
    <aside>
      <ul>
        <h3>Things I love...</h3>
        <li>All kinds of music</li>
        <li>Asian food</li>
        <li>Traveling everywhere</li>
        <li>Taking pictures</li>
        <li>Netflix</li>
      </ul>
    </aside>
      <section>


      <img class="picofme" src="../images/juli.JPG" width="400" alt="Pic of me">
      <p class="mytext"> First of all, thank you for visiting my website. My name is Julian, I am 24 years old and I was born in Bogota, Colombia; a beautiful country in South America. I consider myself a person that is really passionate for the art. Sometimes people ask me what's my favorite field, and I never have a concrete answer. This world is full of many incredible things, that is really hard to choose what I love the most. I wanted to be a singer before, but I realized my talent didn't exist. Even though my singing is horrible, I consider myself a music lover (I can play the guitar). After so many years trying to figure what my passion was, I found the film as the perfect way to express what I feel. There are days in which I wish I knew everything about the film, but then I think everything is a process. I love traveling to different places, and taking pictures of everything. Right now, I am enjoying this stage of my life, where I learn new things every day. "Life is like a ladder where you give steps every day"
      </p>


        <div class="chinatext">
        <img class="china" src="../images/china.JPG" width="400" alt="China">
        <p class="secondtext">
        los largo de 1808, las presiones de Napoleón desencadenaron una serie de acontecimientos que empeoraron aún más la ya comprometida situación española, el rey Carlos IV de España abdicó el trono a favor de su hijo Fernando el 19 de marzo de 1808 después de los sucesos del motín de Aranjuez, y más tarde, el 5 de mayo de 1808 se terminó de consumar el desastre para España cuando Carlos IV y su hijo fueron obligados a ceder el trono a Napoleón Bonaparte en Bayona para designar a su hermano, José, como nuevo rey de España. Esto provocó una gran reacción popular en España que desencadenó lo que hoy se conoce como la guerra de la Independencia española y tanto en América como en España, se formaron juntas regionales que fomentaron la lucha contra los invasores franceses para restablecer en el trono al monarca legítimo.
       </p>
       </div>
       </section>



</body>

</html>

When validating using the validator html5.validator.nu From line 18, column 1; to line 18, column 19

  

Error: Start tag body seen but an element of the same type was already open.

     

From line 18, column 1; to line 18, column 19

     

"clipe" > ↩↩↩↩↩↩

    
asked by Julián C Mancera 11.12.2018 в 19:13
source

1 answer

1

The problem is that your HTML does not comply with the normal structure of an HTML, normally an HTML has maximum one of the following two sections:

  • head
  • body

The head is used to communicate with the browser and other programs (such as robots and crawlers) directly, so many of the things you put here will not be for your user.

In the body you put the things that are part of what you want to show directly to the user.

That said, the particular error that marks you "Start tag body seen but an element of the same type was already open." it tells us that the browser will normally create a body tag for you if you do not put it right after finishing your head tag.

So even if you only receive this fragment, it will create visible content for you: 

<head>
  <meta charset="UTF-8" />
  <title>About me</title>
</head>
<a href="../index.html"><img class="home" src="../images/home.png" width="60" alt="home"></a>
<img class="clip" src="../images/clip.png" width="300" alt="clipe">

To correct your code make sure you have the basic structure: 

<html>
  <head>
  </head>
  <body>
  </body>
</html>

Without putting anything between your head and your body, as follows: 

<!DOCTYPE html>
<html>



<head>
<meta charset="UTF-8" />
<title>About me</title>
<link href="../CSS/main.css" rel="stylesheet" type="text/css">



</head>

<body id="aboutme">

<a href="../index.html"><img class="home" src="../images/home.png" width="60" alt="home"></a>

<img class="clip" src="../images/clip.png" width="300" alt="clipe">


<h1 class="titulo">About me</h1>

    <h2>INFORMATION</h2>
    <aside>
      <ul>
        <h3>Things I love...</h3>
        <li>All kinds of music</li>
        <li>Asian food</li>
        <li>Traveling everywhere</li>
        <li>Taking pictures</li>
        <li>Netflix</li>
      </ul>
    </aside>
      <section>


      <img class="picofme" src="../images/juli.JPG" width="400" alt="Pic of me">
      <p class="mytext"> First of all, thank you for visiting my website. My name is Julian, I am 24 years old and I was born in Bogota, Colombia; a beautiful country in South America. I consider myself a person that is really passionate for the art. Sometimes people ask me what's my favorite field, and I never have a concrete answer. This world is full of many incredible things, that is really hard to choose what I love the most. I wanted to be a singer before, but I realized my talent didn't exist. Even though my singing is horrible, I consider myself a music lover (I can play the guitar). After so many years trying to figure what my passion was, I found the film as the perfect way to express what I feel. There are days in which I wish I knew everything about the film, but then I think everything is a process. I love traveling to different places, and taking pictures of everything. Right now, I am enjoying this stage of my life, where I learn new things every day. "Life is like a ladder where you give steps every day"
      </p>


        <div class="chinatext">
        <img class="china" src="../images/china.JPG" width="400" alt="China">
        <p class="secondtext">
        los largo de 1808, las presiones de Napoleón desencadenaron una serie de acontecimientos que empeoraron aún más la ya comprometida situación española, el rey Carlos IV de España abdicó el trono a favor de su hijo Fernando el 19 de marzo de 1808 después de los sucesos del motín de Aranjuez, y más tarde, el 5 de mayo de 1808 se terminó de consumar el desastre para España cuando Carlos IV y su hijo fueron obligados a ceder el trono a Napoleón Bonaparte en Bayona para designar a su hermano, José, como nuevo rey de España. Esto provocó una gran reacción popular en España que desencadenó lo que hoy se conoce como la guerra de la Independencia española y tanto en América como en España, se formaron juntas regionales que fomentaron la lucha contra los invasores franceses para restablecer en el trono al monarca legítimo.
       </p>
       </div>
       </section>



</body>

</html>
    
answered by 11.12.2018 в 19:22
Which item was sold less in Python [closed] unity very high character jump