Como usar as tags HTML5

Como usar corretamente as tags/etiquetas ou marcadores que o HTML5 nos oferece.

No artigo anterior sobre HTML5 (programar com HTML5) aprendemos o básico de como iniciar corretamente um documento HTML5 e até como usar várias das tags mais importantes dessa linguagem.

Neste artigo vamos ver como usar corretamente as tags oferecidas pelo HTML5, em artigos futuros veremos como personalizar uma página web utilizando CSS, já que esta linguagem é inseparável do HTML.

logo w3c versão html5
W3C HTML5
Agora, já sabemos que para iniciar um documento HTML5, primeiro devemos declarar o DOCTYPE que é nada mais do que esta simples linha <!DOCTYPE html>.

Metadatas

Metadatas são aquelas tags que geralmente vemos no <head> das páginas. Estas são usadas para estabelecer o modo de comportamento do conteúdo da página, um exemplo claro seria:
<head>
<title>Metadatas em HTML5</title>
<meta charset='utf-8'>
<link rel="stylesheet" href="style.css"/>
<script src="script.js"></script>
</head>
A tiqueta <meta> geralmente contém uma descrição da página como outros dados para indexação nos buscadores, a etiqueta <link> ou <script> também são considerados como metadatas, já que estão envolvidos com a interação e apresentação da página.

Títulos

Os títulos são as etiquetas de cabeçalho como <h1>, <h2> ... <h6>, HTML5 traz uma nova tag para delimitar esses títulos:
<hgroup>
<h1>Título principal</h1>
<h2>Subtítulo</h2>
</hgroup>
Esta tag <hgroup>, foi criada para delimitar dois títulos em diante.

Roles WAI-ARIA

Com os roles podemos melhorar a acessibilidade da página. Um exemplo de como usá-los seria:
<header role='banner'>
<nav role="navigation">
<!-- ... -->
</nav>
</header>
Poderá encontrar mais informações em WAI-ARIA 1.0 Authoring Practices.

Figure e FigureCaption

Estes elementos são utilizados para identificar imagens, um exemplo:
<figure>
<img alt="..." src="image.jpg" />
<figcaption>
Texto para exibir
</figcaption>
</figure>
Em <figure> é onde engloba a imagem e o <figcaption>, este engloba o texto a ser exibido na imagem, vale ressaltar que o uso de <figcaption> é opcional.


COMENTÁRIOS

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Como usar as tags HTML5
Como usar as tags HTML5
Como usar corretamente as tags/etiquetas ou marcadores que o HTML5 nos oferece.
http://4.bp.blogspot.com/-YBLH1XVeikg/UQ8c66e8ehI/AAAAAAAAAvc/uhbPL9qTjIk/s1600/HTML5_Logo_256.png
http://4.bp.blogspot.com/-YBLH1XVeikg/UQ8c66e8ehI/AAAAAAAAAvc/uhbPL9qTjIk/s72-c/HTML5_Logo_256.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2013/02/como-usar-as-tags-html5.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2013/02/como-usar-as-tags-html5.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar