Como usar a etiqueta HR para un documento web
A etiqueta HR empregouse tradicionalmente para engadir unha liña horizontal (ás veces chamada regra horizontal) a un documento web. Para engadir unha liña, escribe:
para instruír ao navegador para que debuxa unha liña en toda a anchura da páxina ou o elemento primario usando as opcións predeterminadas. Esta liña predeterminada é sinxela e serve a miúdo o seu propósito, pero atribúense atributos para cambiar o tamaño, a cor e a posición da liña entre outras características. O método para modificar a aparencia dunha liña horizontal cambiou entre HTML4 e HTML5 .
¿A etiqueta de recursos humanos semántica?
En HTML4, a etiqueta HR non era semántica. Os elementos semánticos describen o seu significado en términos que o navegador eo desarrollador poden comprender facilmente. A etiqueta HR foi só un xeito de engadir unha liña sinxela a un documento onde queira que o quixese. Ao estilizar só o bordo superior ou inferior do elemento onde desexaba que aparecese a liña colocouse unha liña horizontal na parte superior ou inferior do elemento, pero en xeral, a etiqueta HR era máis fácil de usar para este fin.
Comezando con HTML5, a etiqueta de recursos humanos converteuse en semántica, e agora define un descanso temático de nivel de parágrafo, que supón un descanso no fluxo do contido que non xustifica unha nova páxina ou outro delimitador máis forte: é un cambio de tema . Por exemplo, pode atopar unha etiqueta HR despois dun cambio de escena nunha historia ou pode indicar un cambio de tema nun documento de referencia.
Atributos de recursos humanos en HTML4 e HTML5
En HTML4, a etiqueta HR pode asignarse atributos simples que inclúen "aliñar", "ancho" e "noshade". O aliñamento podería axustarse a esquerda, centro, xusto ou xustificar. O ancho axustou o ancho da liña horizontal desde o 100 por cento por defecto que amplía a liña pola páxina. O atributo noshade mostraba unha liña de cor sólida en lugar dunha cor sombreada. Estes atributos son obsoletos en HTML5 e debes usar CSS para etiquetar as túas etiquetas HR en HTML5. Por exemplo, en HTML 4:
xera unha liña horizontal cunha altura de 10 píxeles.
Usando CSS con HTML5, unha liña horizontal que ten 10 píxeles de alto é o estilo:
Usar CSS para o estilo da súa liña horizontal dá moita liberdade ao deseñar a súa páxina web. Podes ver moitos exemplos de estilos para as etiquetas HR en este estilo o artigo Tag HR . Só os estilos de ancho e alto son consistentes en todos os navegadores, polo que é posible que se precise algún tipo de probas e erros ao usar outros estilos. O ancho predeterminado é sempre o 100 por cento do ancho da páxina web ou o elemento primario. A altura predeterminada da regra é de dous píxeles.