Artigo Introdução de wulin.com (www.vevb.com): Eu originalmente queria explicar a figura e a figura em dois artigos, mas esses dois rótulos definem imagens e textos, então os explicaremos juntos, o que é mais fácil para todos aceitarem.
Originalmente, eu queria explicar a figura e a figcapção em dois artigos, mas esses dois rótulos definem imagens e textos, então os explicaremos juntos, o que é mais fácil para todos aceitarem.Ao escrever xhtml e html, as pessoas costumam usar uma lista de fotos, imagem + título ou imagem + título + descrição simples. Redação convencional anterior:
<li>
<img src = /> <p> título </p>
</li>
No HTML5, uma nova tag pode definir mais semanticamente a lista de imagens, ou seja, a tag de figura.
A definição dada pelo W3C: a tag Figura especifica conteúdo independente de streaming (imagens, gráficos, fotos, códigos etc.). O conteúdo do elemento da figura deve estar relacionado ao conteúdo principal, mas, se excluído, não deve afetar o fluxo do documento.
Exemplo Código:
<Figura>
<p> Lupu Bridge no rio Huangpu </p>
<img src = shanghai_lupu_bridge.jpg width = 350 altura = 234 />
</figura>
A figura é usada para substituir a tag Li original e quem substituirá a tag P? A resposta é: figcaption
Definição atribuída por W3C: a tag FigCaption define o título (legenda) do elemento da figura. O elemento FIGCAPTION deve ser colocado na posição do primeiro ou último elemento filho do elemento da figura.
Então o código acima se torna:
<Figura>
<Figcaption> Ponte Lupu no rio Huangpu </bccaption>
<img src = shanghai_lupu_bridge.jpg width = 350 altura = 234 />
</figura>
Este é um rótulo muito fácil de entender e seu uso é muito claro. Mesmo que seja simples, sugiro que você escreva sozinho.