Como incluir códigos validos em seu site – Criador de Sites

Tags: sempre aos pares

 Tags HTML

• As tags em HTML devem sempre aparecer aos pares: a primeira demarcando a abertura do código e a segunda, seu fechamento.
• Se uma delas faltar, isso poderá comprometer a forma como a página aparece ou como o Google faz a indexação.
• Ex.: tags <table> e </table> para demarcar código referente a tabelas

<table cellspacing="0" cellpadding="10" border="0">
 <tr>
  <td width="120" valign="top"></td>
  <td width="480" valign="top"></td>
 </tr>
</table>

Tags de comentário

• O mesmo serve para as tags de comentário do HTML (<!–):  elas precisam sempre ser fechadas com a tag de fechamento (–>).
• Caso contrário, todo o código HTML que vier após a tag de abertura de comentário não será exibido no navegador.

Ex.:

<div class=".my-div">
<!-- O resto do conteúdo HTML a partir desta linha será completamente ignorada
     pelo navegador, por faltar o fechamento da tag de comentário HTML
<table cellspacing="0" cellpadding="10" border="0">
 <tr>
  <td width="120" valign="top"></td>
  <td width="480" valign="top"></td>
 </tr>
</table>
</div>

Conteúdo externo

Use HTTPS nos links

• Ao inserir links para sites externos, certifique-se de sempre utilizar HTTPS, e não HTTP. O protocolo HTTPS oferece maior privacidade e segurança, enquanto HTTP pode acarretar erros de carregamento no navegador, como mecanismo de controle e segurança.

Use <iframe>

• O <iframe> é uma tag usada para inserir uma página HTML em outra.  Para se prevenir de possíveis erros e ter mais segurança ao editar um código de terceiros, você pode colocá-lo dentro de tags <iframe> e </iframe>.
• Veja detalhes sobre esta tag em W3 schools  e Documentação da Mozilla.

Valide código de terceiros

• Ao utilizar código HTML de terceiros, é importante testar e validar esses códigos. Para isso, utilize serviços como w3schools.com e jsfiddle.net
• Após a inclusão do código, basta publicar o site e testar!

E aí, gostou desse tutorial?  Aproveite para conhecer outros produtos da Locaweb, como o Clic Lead.