Para um bom resultado na construção de um site, deve-se ter em atenção à semântica: utilizar as tags apropriadas ao que se quer colocar.

Alguns códigos HTML nestes tutoriais fazem referência a algumas tags que são utilizadas mas que após compreender que se deve separar o conteúdo da apresentação, deve-se fazê-lo atrás de CSS.

Deixar de utilizar elementos nas tags tais como: font, u, strike e defini-los em folhas de estilos.

Utilizar:

• Para todos os títulos os chamados headings que vão desde o <h1> ao <h6> e não significa serem títulos enormes escritos a preto, podem ser formatados, novamente em CSS.
• Listas: <ol> e <ul> para todo o tipo de listas, assim como menus.
• Parágrafos: <p>. E deixar de utilizar os none breaking space &nbsp e montes de <br> quando se pode definir as margens internas e externas: (margin e padding). Nem utilizar <br> com listas.
• Utilizar labels juntamente com os forms.
• <blockquote>, <q> e <cite> para citações.
• <div> e <span>, apesar de não terem significado, com os nomes apropriados em classes e id's faz a diferença.

Semântica nos sites é importante pois nem todos os utilizadores visualizam o site da mesma maneira e faz com que tudo tenha mais sentido, os motores de busca também tomam atenção à semântica nas keywords (palavras chaves).

Este post foi escrito em Sunday, February 18th, 2007 às 3:34 pm e encontra-se na categoria HTML-XHTML. Podes seguir qualquer comentário a esta entrada a partir dos RSS 2.0 feed. Podes deixar um comentário, ou trackback do teu próprio site.