Codificação em HTML

Verção

codificar em HTML5.

O padrão atual.

Declarar "DOCTYPE"

Para evitar problemas de visual do navegador sempre declarar no início do arquivo HTML.

<!DOCTYPE html>

Parágrafo e Cabeçalho

Não usar tags de cabeçalhos como <h1> dentro de parágrafos <p>.

Está errado e causa vários problemas.

<!--Redomended-->
<h1>Header</h1>
<p>lorem ...</p>

<!--Not redomended-->
<p>
  <h1>Header</h1>
  lorem ...
</p>

Lista

Não usar tag de fechamento em listas simples.

Quando fecha a tag, entra uma margem inesperada no layout.

<ul>
    <li>item1
    <li>item2
</ul>

Tags que Não Podem Ser Fechadas

Tomar cuidado com as tags abaixo.

Gramática errada. Pode ocorrer problemas inesperados.

<!-- Recomended -->
<br>
<hr> 
<img>
<link>
<meta>
<input>

Escrever Class Logo Depos da Tag.

Facilita a legibilidade.

<!--Recomended-->
<div class="header">
  <ul class="header_navi">
    <li>menu1
    <li>menu2
  </ul>
</div>

Não Estilizar

O HTML não deve conter tags estilização nem estilização inline.

Atrapalha a estilização pelo CSS. A aumenta a complexidade da estrutura do HTML e diminui extremamente a legibilidade e a manutenibilidade.

<!--Not recomended-->
<p style="color: red"> <!-- estilização inline. -->
<big>
<center>
<font>
<tt>