Ejemplo
Utilice el <hr> etiqueta para definir un cambio en el contenido temático:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Inténtalo tú mismo " Definición y Uso
La <hr> etiqueta define una ruptura temática en una página HTML (por ejemplo, un cambio de tema).
La <hr> elemento se utiliza para separar el contenido (o definir un cambio) en una página HTML.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <hr> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
En HTML5, el <hr> etiqueta define una ruptura temática.
En HTML 4.01, el <hr> tag representa una regla horizontal.
Sin embargo, el <hr> etiqueta todavía se puede mostrar como una línea horizontal en los navegadores visuales, pero ahora se define en términos semánticos, en lugar de términos de presentación.
Todos los layout atributos se eliminan en HTML5. Usar CSS en su lugar.
Diferencias entre HTML y XHTML
En HTML, el <hr> etiqueta tiene ninguna etiqueta final.
En XHTML, el <hr> etiqueta debe estar debidamente cerrado, como esto: <hr /> .
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | left center right | No se admite en HTML5. Especifica la alineación de un <hr> elemento |
| noshade | noshade | No se admite en HTML5. Especifica que un <hr> elemento debe hacer en un color sólido (noshaded), en lugar de un color de sombra |
| size | pixels | No se admite en HTML5. Especifica la altura de un <hr> elemento |
| width | pixels % | No se admite en HTML5. Especifica el ancho de un <hr> elemento |
Los atributos globales
La <hr> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <hr> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Objeto HR
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <hr> elemento con los siguientes valores predeterminados:
Ejemplo
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Inténtalo tú mismo "