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>