Adding Horizontal Lines to Break up Content on the Page

Cumu utilizà a tag HR per un documentu web

U tag HR hà tradiziunale à aghjunghje una linea horizontale (à qualchì volte chjamata regula horizontale) à un documentu web. Per aghjustà una linea, pudete scrive:


per indicà à u navigatore per scrive una fila per tutta a larghezza di a pàgina o l'elementu parent cù a cumulazzioni predeterminata. Questa stampa predeterminada hè simplice è spessu serve u so propiu, ma l'attributi pò esse assignatu per cambià a dimensione di a linea, u culore, è a pusizioni di l'altri caratteristiche. U metudu per mudificà a stanza di linea horizonte cambia entre HTML4 è HTML5 .

Hè u Relye Tag Semantic?

In HTML4, l'tag RH era micca semanticu. Elementi semàntici descriganu u so significatu in termini u navigatore è u sustegnu pò fà sapè facilmente. U tag HR hè solu un modu per aghjunghje una linea simplice per un documentu duv'ellu vulia. Styling solu u frontiere superiore o fondu di l'elementu duvete vulia chì a linea per apparenza ponu una linea horizontale à u cima o fondu di l'elementu, ma in generale, l'tag HR hè più faciule d'utilizà per questu scopu.

Cumplementu cù HTML5, u marcatu HR hà parechje semanticu, è issa define un paese tematici di paràgrafu, chì hè un scontru in u flussu di u cuntenutu chì ùn hè micca guarantiscenu una nova pagina o un altru diimitatore più forte: hè un cambià di tema . Per esempiu, pudete truvà un tag HR in un cambiamentu di scena in una storia, o pò indicà un cambià di tema in un documentu di riferimentu.

Attributes RH in HTML4 è HTML5

In HTML4, a tag HR po pudete esse attribuita attributi semprici includenu "alineate", "anch'ella" è "noshade". L'allinjamentu pò esse settore à left, center, right or justify. A larghezza hà l'aghjustatu a larghezza di a linea horizontale da u 100 percentuale perchè chì allargò a fila per tutta a pagina. L'attribu di noshade havi fattu una culera di colore solidu in uce di un culore per u sgusatu. Quessi attributi sò stati disposti in HTML5, è avete aduprà CSS per stile i vostri tags HR in HTML5. Per esempiu, in HTML 4:


Genera una linea horizontal cù una altezza di 10 pixelli.

CSS cù HTML5, una linea horizontale chì hè 10 pixelli altura hè stilata:


Utilizare CSS per stilaccià a so linea horizontale vi dà una grande libertà à designà a vostra pàgina web. Pudete vede parechje esempi di stili per i tags HR in stu Stile l' articulu Tag RH . Solu l'altizza è l'altizza sò stati consistent in tutti i browsori, perchè qualcunu prucessu è errore pò esse bisognu à l'utilizà altre stile. L'angula predeterminata hè sempre u 100% da a larghezza di a pàgina web o elementu parent. L'altura predeterminata di a regula hè dui pixelli.