HTML5 Validation - незамкнутые элементы, которые кажутся закрыты

Question

я получаю сообщение об ошибке при попытке проверить эту страницу в HTML5:

• незамкнутого элемент Fieldset.
• Stray end tag fieldset.
• Форма незакрытого элемента.

Для этого блока HTML:

<form class="pure-form pure-form-aligned" id="submit_form_contact" novalidate> 
     <fieldset> 
      <div class="pure-control-group"> 
       <label for="name">Your Name:</label> 
       <input id="name" type="text" placeholder="Name" name="name" required> 
      </div> 

      <div class="pure-control-group"> 
       <label for="email">Your Email:</label> 
       <input id="email" type="email" placeholder="Email Address" name="email" required> 
      </div> 

      <div class="pure-control-group"> 
       <label for="email_text">Inquiry Type: </label> 
       <select id="inquiry_dropdown" class="pure-input-1-2" name="inquiry"> 
        <option>General</option> 
        <option>Sales & Marketing</option> 
        <option>Press & Editorial</option> 
       </select> 
      </div> 

      <div class="pure-control-group"> 
       <label for="message" style="vertical-align: top;">Message:</label> 
       <textarea id="message" type="text" placeholder="Enter message here..." name="message"></textarea> 
      </div>      

      <div id="errors" style="text-align: center; color: red;"></div> 

       <button id="contact_submit" class="pure-button pure-button-primary" style="background-color: #003A70; float:right; margin-right: 35px;margin-top:15px;">Submit</button> 
      </div> 

     </fieldset> 
</form> 

... Я не могу понять, почему. Кажется, что все закрыто должным образом. Может ли кто-нибудь заметить что-то, что я делаю неправильно?

Answer 1

У вас есть </div> после вашей кнопки «contact_submit», но не соответствует <div>. Это вызывает синтаксический анализатор.

Я бы предложил редактор кода, такой как Notepad ++ - одна из его функций - это совпадение тегов, где он может легко сказать вам, если у вас есть несоответствующие теги.