Kaip naudoti žiniatinklio dokumento HR žymą
HR žyma tradiciškai buvo naudojama siekiant pridėti horizontalią liniją (kartais vadinamą horizontalia taisykle) prie žiniatinklio dokumento. Norėdami pridėti eilutę, įveskite:
, kad instruktuotumėte naršyklę piešti liniją viso puslapio pločio ar pagrindinio elemento naudodami numatytuosius nustatymus. Ši numatytoji eilutė yra paprasta ir dažnai tarnauja jos tikslui, tačiau gali būti priskirti atributus linijos dydžiui, spalvui ir pozicijai keisti be kitų savybių. Horizontalios linijos išvaizdos keitimo metodas pasikeitė tarp HTML4 ir HTML5 .
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 neskiriamas naujas puslapis ar kitas stipresnis delimiteris, 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, HR žyma gali būti priskirti paprasti atributai, įskaitant "suderinti", "plotis" ir "noshade". Išlyginimas gali būti nustatytas kairėn, viduryje, dešinėje arba pateisinamas. Plotis pritaikė horizontalios linijos plotį nuo numatytos 100 procentų, išplečiusių liniją visame puslapyje. Atributas noshade suteikė tvirtą spalvotą eilutę vietoj tamsesnės spalvos. Šie atributai yra pasenę HTML5, o HTML5 turėtumėte naudoti CSS žymes. Pavyzdžiui, HTML 4:
generuoja horizontalią liniją, kurios aukštis yra 10 pikselių.
Naudojant CSS su HTML5, yra horizontali 10 pikselių aukščio eilutė:
Naudodamiesi CSS, norėdami suplanuoti savo horizontalią liniją, suteikiama daug laisvės kurti jūsų tinklalapį. Šiame stiliuje galite pamatyti daugybę HR žymų stilių HR Žymų straipsnio. Tik pločio ir aukščio 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.