Há uma lista de elementos HTML que estão mal representados na generalidade da marcação usada actualmente na web. Vários destes elementos têm maior valor semântico que o que actualmente é aplicado, mas com o aumento da popularidade do design orientado pelo CSS com os elementos HTML a serem usados para o que foram concebidos julgo que seria bom expôr estes elementos indicando em que situações seriam úteis. Um desses elementos é o elemento address:
<address>
O marcador <address> foi concebido para conter informação sobre endereços, assinatura e autoria. Números de telefone, fax, endereços físicos, endereços de correio electrónico, ICQ/Gtalk... ou qualquer outros dados de contacto em linha e fora dela são todos válidos. Normalmente os elementos <address> encontram-se no topo ou na parte de baixo do documento.
Utilização:
<address>O Nome da entidade <br />
Rua do Mistério, 126 <br />
1025 Lisboa <br />
Telefone: 21 000 0000 <br />
Fax: 21 00 0001
</address>
Para quê? Posso fazer o mesmo com um marcador <div>
Os elementos agrupados com um <div> não têm valor semântico excepto se lhes for atribuída uma identificação ou classe. Então porquê criar uma <div class="contacto"> quando já há um elemento que o pode fazer?
Exemplo:
address { background-color: #dfd; padding: 4em 0 4em 4em; font-style: normal; } ... <address> <a href="http://aindaapensar.blogspot.com">Carlos</a> <br />
NaoSeTrataDeNenhumaInstituição <br />
Rua da Estória, 23424 <br />
1025 Lisboa
O resultado:
CarlosNaoSeTrataDeNenhumaInstituição
Rua da Estória, 23424
1025 Lisboa
2 comentários:
Olá. Era só pra lhe alertar que o link do rss feed onde se lê 'Tem fome. Assine o alimento deste blogue' tem uma barra a mais : http://aindaapensar.blogspot.com//atom.xml
Cumprimentos :)
Obrigado. Julgo já ter corrigido isso.
Enviar um comentário