HTML5 - Semantica




Semantics


Dar sentido à estrutura, semântica é o centro das atenções com o HTML5. Um rico conjunto de tags, junto com RDFa, microdados, e microformats, estão permitindo um mais útil, dados da web orientado para ambos os programas e os usuários.


O objetivo principal da Web semântica não é, pelo menos para já, treinar as máquinas para que se comportem como pessoas, mas sim desenvolver tecnologias e linguagens que tornem a informação legível para as máquinas. A finalidade passa pelo desenvolvimento de um modelo tecnológico que permita a partilha global de conhecimento assistido por máquinas (W3C 2001). [1]



Abaixo, segue uma lista de alguns elementos que podemos utilizar no nosso dia-a-dia para trazer mais significado para a informação dos seus sites:



a 
Define a ancora de um elemento.




abbr Define uma abreviação.

acronym Indica um acrônimo.

address A tag address é utilizada para conter informações de endereço e contatos.

blockquote Blockquote define longos blocos de citação.

cite Define uma citação ou referência a outra fonte

code Define que aquele texto é um código.

dfn Define que certo texto é a definição de um termo.

div, span Div e Span definem a estrutura dos elementos. Div é um elemento de bloco e Span um elemento de linha.

dl, dd, dt Listas de definição são feitas para criar um grupo de termos e definições. Muito usada para fazer glossários, dicionários ou entrevistas textuais.

del, ins INS é utilizado para mostrar que certo texto foi inserido e DEL define o texto que foi deletado da redação. Isso é bastante utilizado para corrigir artigos, textos e etc.

em Como o strong, indica uma ênfase no texto.

h1 .. h6 Grupo de títulos definidos por importância, onde o H1 é o mais importante e o H6 o menos importante.

ul, ol, li Listas ordenadas (OL) e listas não ordenadas (UL) são utilizadas para definir e criar listas de itens.

p Define um parágrafo.

q Define uma citação ou reposta que não necessita de quebra de linha ou marcação de um parágrafo.

strong Define uma ênfase, como o EM.

var Indica uma instância de uma variavel ou argumento de programa.


A
lém dessas tags, podemos também trabalhar com a semântica com atributos. Alguns deles:Alt, Title, classe, cite, id, lang, longdesc, rev, rel.


T
udo isso traz mais significado ao HTML. Mas ainda não é o bastante.[2]





Bibliografia
[1]http://pt.wikipedia.org/


[2]http://tableless.com.br/

Comentários

Postagens mais visitadas deste blog

ANDROID - Criando e Publicando APP com HTML, CSS, JavaScript e Java

Diferenças entre design responsivo, adaptativo e fluído