
El elemento html hr es una ruptura temática entre párrafos; por ejemplo, un cambio de escenario en una historia o un cambio de tema mediante la creación de una nueva sección.
En versiones anteriores de HTML, este elemento se mostraba como una línea horizontal y todavía se muestra en los navegadores, pero tiene un significado estructural, en lugar de solo un elemento formal.
Este ejemplo contiene dos párrafos (la etiqueta html <p>
) separados por el elemento <hr>
representado por una línea horizontal:
< p > Contenido de texto ya sea del tipo párrafo. </ p > < hr > < p > El otro contenido después del salto </ p >
Etiqueta html hr
Clasificaciones de contenido | Contenido organizacional. |
---|---|
Contenido permitido | Ninguno, porque es un elemento vacío. |
Acrónimo | Debe tener una etiqueta de inicio y no debe tener una etiqueta de fin. |
Elementos del padre | Cualquier elemento que acepte contenido normativo. |
Interfaz DOMO | HTMLHRElement . |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento se pueden utilizar propiedades globales.
Hay funciones que se utilizaron en versiones anteriores pero que no son compatibles con HTML5, como:
align
: Ajusta la alineación de la línea horizontal en la página, el valor predeterminado esleft
.size
: Ajusta la altura de la línea horizontal en píxeles.width
: Establece la longitud de la línea horizontal en píxeles o como porcentaje.
No se recomienda utilizar las funciones anteriores en las páginas recientes porque se han descuidado, y las mencionamos aquí con fines informativos.
Formato de artículo
La mayoría de los navegadores muestran el elemento <hr>
con la propiedad de configuración display
para block
, con la adición de márgenes : margin-top
, margin-bottom
, margin-left
y margin-right
, y el marco border-style
y border-width
.
hr { display: block; margin-top: 0.7em; margin-bottom: 0.7em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; }
- Introducción al Lenguaje de Programación HTML
- Elemento HTML
- Elemento base en HTML
- Elemento head en HTML
- Elemento link en HTML
- Elemento meta en HTML
- Elemento style en HTML
- Elemento title en HTML
- Elemento body en HTML
- Elemento address en HTML
- Elemento article en HTML
- Elemento aside en HTML
- Elemento footer en HTML
- Elementos h1 al h6 en HTML
- Elemento header en HTML
- Elemento section en HTML
- Elemento blockquote en HTML
- Elemento nav en HTML
- Elemento dd en HTML
- Elemento div en HTML
- Elemento dl en HTML
- Elemento dt en HTML
- Elemento figcaption en HTML
- Elemento figure en HTML
- Elemento hr en HTML
- Elemento li en HTML
- Elemento main en HTML
- Resumen General de Listas en HTML
- Elemento ol en HTML
- Elemento p en HTML
- Descripción de las Etiquetas HTML
- Qué son los Atributos HTML
- Elemento ul en HTML
- Elemento a en HTML
- Elemento pre en HTML
- El Texto en HTML
- Elemento abbr en HTML
- Elemento b en HTML
- Elemento bdi en HTML
- Elemento bdo en HTML
- Elemento br en HTML
- Elemento cite en HTML