Skip to main content

En HTML, ¿qué es una etiqueta de fondo?

No existe una etiqueta de fondo en HTML. Lo que podría haberse llamado una etiqueta de fondo en versiones anteriores de HTML, el atributo de fondo de la etiqueta HTML <BODY>, se utilizó para mostrar una imagen de fondo para una página web. La recomendación actual del Consorcio World Wide Web (W3C) es HTML 4.01 / XHTML 1.0. En esta recomendación, el atributo de fondo está en desuso : ya no se considera HTML válido. El atributo <BODY> relacionado bgcolor , que podría considerarse una etiqueta de fondo, también está en desuso.

Las hojas de estilo en cascada (CSS) deben usarse para establecer todos los efectos de fondo en una página web HTML o XHTML válida. Usar CSS para definir propiedades de fondo es mucho más flexible que el método anterior. El atributo de fondo, o etiqueta de fondo, se limitó a mostrar una imagen de fondo. Las propiedades de fondo en CSS pueden definir dónde comienza la imagen de fondo, cómo se repite y si se desplaza con el resto de la página o si permanece en el mismo lugar. Las propiedades de fondo CSS se pueden aplicar a una página web completa o elementos de la página.

Las propiedades de fondo incluyen color de fondo, imagen de fondo, adjunto de fondo, posición de fondo y repetición de fondo . Todas esas propiedades pueden consolidarse bajo la propiedad de fondo en lugar de establecerse como propiedades separadas. Esto se llama propiedad abreviada.

Al igual que el antiguo atributo bgcolor, el color de fondo puede tener la forma de un valor RGB, un código hexadecimal o un nombre de color. El fondo de cualquier elemento al que se aplique esta propiedad se mostrará en ese color. El valor de background-image es la URL de la imagen.

Las otras propiedades: fondo adjunto, posición de fondo y repetición de fondo pueden definirse, pero si no lo son, se utilizarán los valores predeterminados. La repetición de fondo se usa para repetir el fondo vertical u horizontalmente; Por defecto, se repite vertical y horizontalmente. El adjunto de fondo hace que la imagen de fondo se desplace con el resto de la página, que es la predeterminada, o permanezca en un solo lugar. La posición predeterminada del fondo es la esquina superior izquierda del elemento.

Los diferentes navegadores web pueden mostrar las propiedades del fondo de manera diferente o requerir definiciones más específicas en el CSS. Por ejemplo, aunque Internet Explorer® 8 admite el valor de herencia para algunas propiedades, no lo admite para las propiedades de fondo. En Firefox®, la propiedad de posición de fondo no funciona correctamente si la propiedad de adjunto de fondo no está establecida como fija. Los desarrolladores deben probar sus páginas en una variedad de navegadores para asegurarse de que las páginas se muestren según lo previsto.