Як выкарыстоўваць HR тэг для вэб-дакумента
HR тэг традыцыйна выкарыстоўваецца для дадання гарызантальнай лініі (часам яе называюць гарызантальнае правіла) на вэб-дакумента. Каб дадаць радок, набярыце: <ч> , каб наладзіць браўзэр , каб намаляваць лінію па ўсёй шырыні старонкі або бацькоўскага элемента , выкарыстоўваючы налады па змаўчанні. Гэта значэнне па змаўчанні лінія простая і часта служыць сваёй мэтай, але атрыбуты могуць быць прызначаныя для змены памеру лініі, колеру скуры, і палажэнні сярод іншых характарыстык. Спосаб змяніць знешні выгляд гарызантальнай лініі , змянілася паміж HTML4 і HTML5 .
Ці з'яўляецца HR Tag Семантычны?
У HTML4, то HR тэг ня семантычны. Семантычныя элементы апісваюць іх значэнне з пункту гледжання браўзэра і распрацоўшчык можа лёгка зразумець. HR тэг быў проста спосаб дадаць простую радок у дакумент, дзе б вы хацелі. Стылізацыя толькі верхнюю ці ніжнюю мяжу элемента, у якім вы хацелі лінію з'яўляцца размясцілі гарызантальную лінію ў верхняй або ніжняй частцы элемента, але ў цэлым, HR тэг было прасцей выкарыстаць для гэтай мэты.
Пачынаючы з HTML5, то HR тэг стаў семантычным, і зараз ён вызначае пункт ўзровень тэматычнага разрыў, які з'яўляецца разрывам ў патоку кантэнту, які не гарантуе новую старонку або іншыя моцны падзельнік-гэта змена тэмы , Напрыклад, вы маглі б знайсці HR-тэг пасля змены сцэны ў гісторыі, ці гэта можа паказваць на змяненне тэмы ў якасці даведачнага дакумента.
HR Атрыбуты ў HTML4 і HTML5
У HTML4, то HR тэг можа быць прызначаны простыя атрыбуты, уключаючы «Выраўнаваць», «шырыня» і «noshade». Выраўноўванне можа быць усталяваны ў левы, цэнтральны, правы або апраўдаць. Шырыня рэгулюецца шырынёй гарызантальнай лініі ад 100 працэнтаў па змаўчанні ў тым, што працягнулі лінію папярок старонкі. Noshade атрыбут аказаў суцэльны колер лініі замест зацененага колеру. Гэтыя атрыбуты з'яўляюцца састарэлымі ў HTML5, і вы павінны выкарыстоўваць CSS, каб стыль вашых HR-тэгі ў HTML5. Напрыклад, у HTML 4:
<Памер гадзіну = "10">
фармуе гарызантальную лінію з вышынёй 10 пікселяў.
Выкарыстанне CSS з HTML5, гарызантальнай лініі, 10 пікселяў ў вышыню ў стылі:
<Ч стыль = "вышыня: 10px">
Выкарыстанне CSS для стылю вашай гарызантальнай лініі дае большую свабоду ў праектаванні вэб - старонкі. Вы можаце ўбачыць шмат прыкладаў стыляў для HR тэгаў у гэтым стылі ў HR Tag артыкул. Толькі па шырыні і вышыні стылі адпавядаюць ва ўсіх браўзэрах, таму некаторыя спробы і памылкі могуць быць неабходныя пры выкарыстанні іншых стыляў. Па змаўчанні шырыня заўсёды 100 адсоткаў ад шырыні вэб-старонкі або бацькоўскага элемента. Вышыня па змаўчанні гэтага правіла два пікселя.