Ultimele tutoriale de dezvoltare web
 

HTML <hr> Tag


Exemplu

Utilizați <hr> tag - ul pentru a defini o schimbare tematică a conținutului:

<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>
Încearcă - l singur »

Definiție și utilizare

<hr> tag - ul definește o pauză tematică într - o pagină HTML (eg a shift of topic) de (eg a shift of topic) , (eg a shift of topic) .

<hr> Elementul este folosit pentru a separa conținutul (or define a change) într - o pagină HTML.


Suport pentru browser-

Element
<hr> da da da da da

Diferențe între HTML 4.01 și HTML5

În HTML5, <hr> tag - ul definește o pauză tematică.

In HTML 4.01, <hr> tag - ul reprezintă o regulă orizontală.

Cu toate acestea, <hr> tag - ul poate fi afișată în continuare , ca regulă orizontală în browsere vizuale, dar acum este definit în termeni semantice, mai degrabă decât ceea ce privește prezentarea.

Toate layout atributele sunt eliminate în HTML5. Utilizați CSS în loc.


Diferențe între HTML și XHTML

In HTML, <hr> tag - ul nu are nici o etichetă de sfârșit.

In XHTML, <hr> tag - ul trebuie să fie închise în mod corespunzător, astfel: <hr /> .


atribute

Atribut Valoare Descriere
align left
center
right
Nu sunt acceptate în HTML5.
Specifică alinierea unui <hr> Element
noshade noshade Nu sunt acceptate în HTML5.
Specifică faptul că o <hr> elementul ar trebui să facă într - o singură culoare solidă (noshaded) , în loc de o culoare umbrită
size pixels Nu sunt acceptate în HTML5.
Specifică înălțimea unui <hr> Element
width pixels
%
Nu sunt acceptate în HTML5.
Specifică lățimea unui <hr> Element

Atribute globale

<hr> tag - ul suportă de asemenea Atributele Global in HTML .


Atribute Eveniment

<hr> tag - ul suportă de asemenea Atribute Event în HTML .


Pagini similare

HTML DOM referinta: HR obiect


Setări implicit CSS

Cele mai multe browsere va afișa <hr> elementului cu următoarele valori implicite:

Exemplu

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
Încearcă - l singur »