Esempio
Utilizzare il <hr> tag per definire un cambiamento tematica del contenuto:
<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>
Prova tu stesso " Definizione e utilizzo
Il <hr> tag definisce una pausa tematica in una pagina HTML (ad esempio, un cambiamento di argomento).
Il <hr> elemento viene utilizzato per separare il contenuto (o definire un cambiamento) in una pagina HTML.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <hr> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
In HTML5, il <hr> tag definisce una pausa tematica.
In HTML 4.01, la <hr> tag rappresenta una linea orizzontale.
Tuttavia, il <hr> tag può ancora essere visualizzata come una linea orizzontale nei browser visuali, ma è ora definita in termini semantici, piuttosto che i termini di presentazione.
Tutti i layout attributi vengono rimossi in HTML5. Utilizzare invece CSS.
Differenze tra HTML e XHTML
In HTML, il <hr> tag non ha alcun tag di chiusura.
In XHTML, il <hr> tag deve essere ben chiuso, in questo modo: <hr /> .
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| align | left center right | Non supportato in HTML5. Specifica l'allineamento di un <hr> elemento |
| noshade | noshade | Non supportato in HTML5. Specifica che un <hr> elemento dovrebbe rendere in un colore solido (noshaded), invece di un colore sfumato |
| size | pixels | Non supportato in HTML5. Specifica l'altezza di un <hr> elemento |
| width | pixels % | Non supportato in HTML5. Specifica la larghezza di un <hr> elemento |
attributi globali
Il <hr> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <hr> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: Oggetto HR
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <hr> elemento con i seguenti valori di default:
Esempio
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Prova tu stesso "