22:11
Rodolfo
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 estilo8- 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
