Me gustaría preguntar cómo utilizar las etiquetas html figure y figcaption.
HTML 5 lt;figuregt;tag
lt;figuregt; la etiqueta especifica contenido de flujo independiente (imágenes, gráficos, fotografías, código, etc. ). El contenido del elemento de la figura debe estar relacionado con el contenido principal. Tenga en cuenta: si elimina este elemento, no tendrá ningún impacto en el flujo del documento. En este sentido, se puede entender que esta etiqueta es similar a la etiqueta
Ejemplo de inserción de una imagen independiente en un documento:
lt;imagegt;lt;divgt;Uso de etiquetaslt;/divgt;lt;img src="test.jpg" width ="300" height="200" /gt; lt; /picturegt;
El código funciona de la siguiente manera:
Cómo usar esta etiqueta
Consejos: Aunque la etiqueta
HTML 5 lt;figcaptiongt;tag
El lt;figcaptiongt;tag define el título de un elemento numérico. NOTA: El elemento "figcaption" debe ser el primer o último elemento hijo del elemento "figure".
Aquí hay un ejemplo simple:
lt;figuregt;lt;figcaptiongt;lt;figcaptiongt; uso de nueva etiqueta HTML5lt;/figcaptiongt;lt;img src="test. jpg" width="987" height="" 130" /gt; lt; /figuregt;
El siguiente es un efecto de ejemplo:
Cómo utilizar las nuevas etiquetas de HTML5
Consejo: Al igual que la etiqueta lt;figuregt;, lt;figcaptiongt; también es una etiqueta nueva en HTML 5 y es compatible con los principales navegadores. Ambas etiquetas descritas en este artículo admiten etiquetas globales en HTML 5. propiedades