Horisontaalsete ridade lisamine lehe sisu lõhkumiseks

Kuidas kasutada veebidokumendi HR-märgendit

HR-koodi kasutatakse traditsiooniliselt horisontaaljoone (mõnikord horisontaalse reegli) lisamiseks veebidokumenti. Rida lisamiseks sisestate:


, et juhtida brauserit, et joonistada kogu lehe või põhielemendi laiuse joon, kasutades vaikeseadeid. See vaikeliin on lihtne ja selle ülesanne on sageli, kuid atribuute saab määrata rida suuruse, värvi ja positsiooni muutmiseks muude omaduste hulgas. Horisontaaljoone välimuse muutmise meetod muutus HTML4 ja HTML5 vahel .

Kas HR tag semantiline?

HTML4-s ei olnud HR-koodi semantiline tähendus. Semantilised elemendid kirjeldavad nende tähendust brauseri mõttes ja arendaja saab hõlpsasti aru saada. HR-kood oli lihtsalt viis, kuidas lisada dokumendile lihtsat rida ükskõik kus soovite. Elementu ülemise või alumise piiri stiili kujundamine, kus soovisite jooni kuvada, asetati elemendi üla- või alaosasse horisontaaljoon, kuid üldiselt oli HR-märgend sellel eesmärgil lihtsam kasutada.

Alates HTML5-st omandas HR-kood semantiliseks ja see määratleb nüüd lõike tasemega temaatilise katkemise, mis on sisu voogude katkemine, mis ei õigusta uue lehe või muu tugevama eraldaja kasutamist - see on teema muutus . Näiteks võite leida HR-koodi pärast lugu stseenimuutustest või see võib viidata teema muutmisele võrdlusdokumendis.

HR atribuudid HTML4-s ja HTML-vormingus

HTML4-s on HR-märgiks mõeldud lihtsad atribuudid, sealhulgas "joondus", "laius" ja "noshade". Joondamine võib olla vasak, keskpunkt, parem või õigustus. Laius reguleeris horisontaaljoone laiust vaikeväärtusest 100 protsenti, mis laiendas rea lehelt. Atribuut noshade muutis varjutatud värvi asemel kindla värvilauna. Need atribuudid on HTML5-s vananenud ja HTML-i jaoks mõeldud HR-koodide abil stiili peate kasutama CSS-i. Näiteks HTML 4-s:


genereerib horisontaaljoont, mille kõrgus on 10 pikslit.

CSS-i kasutamine HTML5-ga on stiilne horisontaaljoon, mis on 10 pikslit kõrge.


Horisontaaljoone stiili kasutamine CSS-i abil annab teile palju vabadust veebilehe kujundamisel. Selles stiilis HR-märgise artiklis on palju näiteid HR-märgiste stiilidest. Ainult laiuse ja kõrguse stiilid on kõigis brauserites ühilduvad, seega võib teiste stiilide kasutamisel olla vajalik katse-eksitus. Vaikelaius on alati 100% võrra lehe või põhielemendi laiusest. Reegli vaikeväärtus on kaks pikslit.