Шта је ХТМЛ ХР ознака и како је користите?

ХР ознака користи се у веб документима за приказ водоравне линије преко странице, која се понекад назива и хоризонталним правилом. За разлику од неких ознака, овој није потребна завршна ознака. Тип <хр> за уметање реда.

Да ли је ХР ознака семантичка?

У ХТМЛ4, ХР ознака није била семантичка. Семантички елементи опишите њихово значење у терминима прегледача, а програмер може лако да га разуме. ХР ознака била је само начин да додате једноставну линију у документ где год сте то желели. Стилисање горње или доње ивице елемента на месту где сте желели да се линија постави постављено а водоравна линија на врху или на дну елемента, али генерално је ХР ознака за то било лакше користити сврха.

Почевши од ХТМЛ5, ознака ХР постала је семантичка и сада дефинише тематски прелом на нивоу пасуса, што је прекид у току садржаја који не гарантује нову страницу или неки други јачи граничник - то је промена тему. На пример, ХР ознаку можете пронаћи након промене сцене у причи или може указивати на промену теме у референтном документу.

ХР атрибути у ХТМЛ4 и ХТМЛ5

Ред се протеже пуном ширином странице. Неки задати атрибути описују дебљину, локацију и боју линије, али та подешавања можете променити ако желите.

У ХТМЛ4, ХР ознаци можете да доделите једноставне атрибуте, укључујући поравнање, ширину и носхаде. Поравнање се може подесити на лево, центар, јел тако, или оправдати. Ширина прилагођава ширину хоризонталне линије у односу на подразумеваних 100 процената који продужавају линију преко странице. Тхе носхаде атрибут приказује једнобојну линију уместо осенчене боје.

Ови атрибути су застарели у ХТМЛ5. Уместо тога, требало би да користите ЦСС за обликовање ХР ознака у ХТМЛ5 документима.

Ово је ХТМЛ5 пример стилизовања хоризонталне линије на висину од 10 пиксела помоћу уграђеног ЦСС-а (стилови уметнути директно у документ заједно са ХТМЛ-ом):

Други начин за стилизовање хоризонталних линија у ХТМЛ5 је употреба засебне ЦСС датотеке и веза до њега из ХТМЛ документа. У ЦСС датотеку бисте стајлинг написали овако:

хр {
висина: 10пк
}

Исти ефекат у ХТМЛ4 захтева од вас додајте атрибут ХТМЛ садржају. Ево како да промените величину хоризонталне линије помоћу величина атрибут:

Има много више слободе у обликовање хоризонталних линија у ЦСС-у насупрот ХТМЛ-у.

Само ширина и висина стилови су доследни у свим прегледачима, тако да ће можда бити потребне неке пробе и грешке када се користе други стилови. Подразумевана ширина је увек 100 процената ширине веб странице или надређеног елемента. Подразумевана висина правила је два пиксела.