10 erros HTML que não devem ocorrer

Ola pessoal, este é nosso segundo post.Mais adiante abordaremos mais profundamente linguagens de programação com foco na web, com tutoriais detallhados.Valeu =].
Bem let's go.

Sempre é bom saber pequenas coisas que nos ajudam a obter um código limpo, apropriado e ajustado às normas que são utilizadas hoje em dia.

---

1- Colocar elementos de bloco dentro de elementos de linha

ERRADO
<a href="#"><h2>Está errado</h2></a>

CERTO
<h2><a href="#">Está certo</a></h2>

2- Não incluir atributos ALT em imagens

ERRADO
<img src="imagem.jpg" />

CERTO
<img src="imagem.jpg" alt="Imagem de exemplo" />

3- Não utilizar listas quando é necessário

ERRADO
<p>
Item 1<br />
Item 2<br />
Item 3<br />
Item 4<br />
Item 5<br />
</p>

CERTO
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>


4- Usar <b> e <i> para negrito e itálico

ERRADO
<b>Texto em negrito</b>,
<i>Texto em itálico</i>,

CERTO
<strong>Texto em negrito</strong>
<em>Texto em itálico</em>

5- Usar quebras de linha demasiadamente

ERRADO
Exemplo de múltiplos divisores<br />
Ajuda<br />
Ajuda<br />

CERTO
<p>Exemplo de divisor correto</p>
<p>Ajuda</p>

6- Utilizar as tag de tachado e sublinhado de forma incorreta

ERRADO
<strike>Tachado</strike>
<u>Sublinhado</u>

CERTO
<del>Tachado</del>
<ins>Sublinhado</ins>

7- Utilizar estilização dentro do HTML

ERRADO
<h2 style="color: blue">

CERTO
Fazer toda a estilização utilizando folhas de estilo

8- Inserir ou remover bordas dentro do HTML

ERRADO
<img src="#" alt="" border="0" />

CERTO
Fazer a remoção ou inserção através de folhas de estilo


9- Não utilizar tags de cabeçalho

ERRADO
<p><strong>Título</strong></p>
<p>Uso errado</p>

CERTO
<h3>Título</h3>
<p>Uso correto</p>

10- Usar tags como <blink> ou <marquee>

ERRADO
<blink>Veja isto</blink>
<marquee>Veja isto</marquee>

CERTO
Não utilize, crie os mesmos efeitos utilizando javascript, jquery, etc...

Posted in: HTML