Introducción al artículo de Wulin.com (www.vevb.com): Originalmente quería explicar la figura y la tapa de las figuras en dos artículos, pero estas dos etiquetas definen imágenes y textos, por lo que las explicaremos juntos, lo cual es más fácil para todos de aceptar.
Originalmente quería explicar la figura y la tapa de la figura en dos artículos, pero estas dos etiquetas definen imágenes y textos, por lo que las explicaremos juntos, lo cual es más fácil de aceptar para todos.Al escribir XHTML y HTML, las personas a menudo usan una lista de imágenes, imagen + título o imagen + título + descripción simple. Escritura convencional anterior:
<li>
<img src = /> <p> title </p>
</li>
En HTML5, una nueva etiqueta puede definir más semánticamente la lista de imágenes, es decir, la etiqueta de la figura.
La definición dada por W3C: la etiqueta de figura especifica contenido de transmisión independiente (imágenes, cuadros, fotos, códigos, etc.). El contenido del elemento de la figura debe estar relacionado con el contenido principal, pero si se elimina, no debe afectar el flujo del documento.
Código de ejemplo:
<figura>
<p> Puente Lupu en el río Huangpu </p>
<img src = shanghai_lupu_bridge.jpg width = 350 altura = 234 />
</figura>
La figura se usa para reemplazar la etiqueta LI original y ¿quién reemplazará la etiqueta P? La respuesta es: Fig Caption
Definición asignada por W3C: la etiqueta FIGCaption define el título (subtítulo) del elemento de figura. El elemento de Captación de Fig se debe colocar en la posición del primer o último elemento infantil del elemento de figura.
Entonces el código anterior se convierte en:
<figura>
<figCaption> puente lupu en el río Huangpu </figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 altura = 234 />
</figura>
Esta es una etiqueta muy fácil de entender y su uso es muy claro. Incluso si es simple, le sugiero que lo escriba usted mismo.