Como usar figura e figcaption HTML5

A tag figure e a tag figcaption são novas tags semânticas em HTML5.

Usado para especificar conteúdo de fluxo individual (imagens, gráficos, fotos, código, etc.).

Usado em conjunto com figura, o rótulo é usado para definir o título do elemento figura.

Quando os motores de busca pesquisarem uma figura, eles saberão que imagens, gráficos, fotos, códigos e outras mídias estão armazenados aqui, e não pensarão que artigos e outras coisas estão armazenados aqui. Os mecanismos de pesquisa tornam a pesquisa mais rápida e conveniente.

Por outro lado, quando os programadores virem este rótulo, saberão que o que existe aqui são imagens e outras mídias para facilitar a leitura.

O diagrama a seguir descreve brevemente como usar essas duas tags.

Elemento de figura sem título:

 <figura> <estilo img = "margem: 0px; preenchimento: 0px; contorno: nenhum; altura da linha: 25,2px; tamanho da fonte: 14px; largura: 660px; overflow: oculto; claro: ambos; família de fontes: tahoma , arial, Microsoft YaHei;"> 
 <figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com é um recurso de construção de site profissional doméstico e site de aprendizado de programação de script, fornecendo processamento em lote de asp, php, asp.net, javascript, jquery, vbscript, dos em lote e produção de páginas web, programação de rede, construção de sites e outros materiais de programação</figcaption></figure>
 Caso 3:
 Várias imagens, elemento de figura com o mesmo título: 
 <figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com é um recurso de construção de site profissional doméstico e site de aprendizado de programação de script, fornecendo asp, php, asp.net, javascript, jquery, vbscript, dos Processamento em lote, produção de páginas web, programação de rede, construção de sites e outros materiais de programação</figcaption></figure>
 O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.