HR žyma naudojama žiniatinklio dokumentuose, kad būtų rodoma horizontali linija visame puslapyje arba kartais vadinama horizontalia taisykle. Skirtingai nuo kai kurių žymų, šiam nebereikia uždarymo žyma, todėl viskas, ką turite padaryti, yra įvesti įterpti eilutę.
Ši linija tęsiasi viso puslapio pločio ir apima tam tikrus numatytuosius atributus linijos storiui, vietai ir spalvui apibūdinti, bet tuos nustatymus galite pakeisti, jei norite.
Galite redaguoti horizontalios linijos charakteristikas HTML5 dokumente, redaguodami puslapio CSS. HTML4 horizontalios linijos buvo pakeistos dokumento HTML pusėje.
Ar Žmogaus žodis semantinis?
HTML4 Žmogiškųjų išteklių žymuo nebuvo semantinis. Semantiniai elementai apibūdina jų prasmę pagal naršyklę, o kūrėjas gali lengvai suprasti. HR žyma buvo tik būdas pridėti paprastą eilutę prie dokumento, kur tik to norėjote. Elemento viršuje arba apačioje esančioje sienelėje, kurioje norėjote pateikti liniją, stiliaus elementas yra horizontalioje linijoje elemento viršuje arba apačioje, tačiau apskritai HR žymė buvo lengviau naudojama šiuo tikslu.
Pradedant HTML5, HR žyma tapo semantiška, ir dabar ji apibrėžia temos pertrauką, o tai yra turinio srauto pertrauka, dėl kurios nėra pagrindo naujo puslapio ar kito stipresnio skiriamųjų elementų. Tai yra temos pakeitimas. Pavyzdžiui, po istorijos pakeitimo istorijoje galite rasti HR žymą arba tai gali nurodyti temos pakeitimą referenciniame dokumente.
HR atributai HTML4 ir HTML5
HTML4 HTML žodyne gali būti priskirti paprasti atributai, įskaitant išlyginti, plotis ir Noshade . Tikslumas gali būti nustatytas į kairėje , centras , teisus arba pateisinti . Plotis nustato horizontalios linijos plotį nuo numatytosios 100 procentų, išplečia liniją visame puslapyje. The Noshade atributas pateikia tvirtą spalvotą liniją vietoj tamsesnės spalvos.
Šie atributai yra pasenę HTML5. Vietoj CSS turite naudoti savo HR žymes HTML5 dokumentuose.
Tai HTML5 pavyzdys, kai horizontali linija yra stilizuota 10 pikselių aukščio, naudojant inline CSS (stiliai, įterpti tiesiai į dokumentą kartu su HTML):
Kitas būdas stilizuoti horizontalias linijas HTML5 yra naudoti atskirą CSS failą ir susieti jį su HTML dokumentu. CSS rinkmenoje rašykite tokį stilių: hr {aukštis: 10 px}
Toks pat poveikis HTML4 reikalauja, kad HTML turinys būtų pridėtas atributas. Štai kaip pakeisti horizontalios linijos dydį dydis atributas:
"CSS" versijoje "HTML" yra daug daugiau laisvo horizontalių linijų stiliaus. Tik plotis ir aukštis stiliai yra vienodi visose naršyklėse, taigi bandant ir klaidinant gali prireikti naudoti kitus stilius. Numatytasis plotis visada yra 100 procentų tinklalapio ar tėvų elemento pločio. Numatytasis taiso aukštis yra du pikseliai.
