Red de conocimiento informático - Espacio del host - Me gustaría preguntar cómo utilizar las etiquetas html figure y figcaption.

Me gustaría preguntar cómo utilizar las etiquetas html figure y figcaption.

Cómo utilizar etiquetas figure y figcaption en HTML5

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

, que se utiliza para definir un bloque de contenido independiente. Puede establecer un título para este bloque de contenido. Esta etiqueta no es un elemento necesario. la página, pero puede hacer que la estructura del código fuente de su página web sea más clara y concisa.

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

es nueva en HTML 5, es compatible con todos los navegadores principales y puede agregar un título a su gráfico usando el elemento (título).

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