Маркировният ключ се използва в уеб документи, за да се покаже хоризонтална линия в страницата или понякога се нарича хоризонтално правило. За разлика от някои маркери, това не се нуждае от затварящ маркер, така че само трябва да въведете за да вмъкнете реда.
Линията се простира по цялата ширина на страницата и носи със себе си някои атрибути по подразбиране, за да опише дебелината, местоположението и цвета на линията, но ако желаете, можете да промените тези настройки.
Можете да редактирате характеристиките на хоризонталната линия в документ HTML5, като редактирате CSS на страницата. HTML4 хоризонталните линии бяха променени в HTML страницата на документа.
Знакът на HR е семантичен?
В HTML4 маркерът "Човешки ресурси" не е семантичен. Семантичните елементи описват значението им по отношение на браузъра и разработчикът може лесно да разбере. Маркировката "Човешки ресурси" е просто начин да добавите проста линия към документ, където искате. Стилирането само на горната или долната граница на елемента, където искате да се появи линията, е поставило хоризонтална линия в горната или долната част на елемента, но като цяло маркерът HR е бил по-лесен за използване за тази цел.
Започвайки с HTML5, HR маркерът стана семантичен и сега той определя тематична пауза на ниво ниво, което е прекъсване в потока на съдържанието, което не гарантира нова страница или друг по-силен разделител - това е промяна на темата. Например, може да откриете маркер за човешките ресурси след смяната на сцена в някоя история или може да означава промяна на темата в референтен документ.
HR атрибутите в HTML4 и HTML5
В HTML4, на HR маркера могат да се задават прости атрибути, включително подравняване, ширина, и noshade , Настройката може да бъде зададена на наляво , център , прав или оправдае , Ширината регулира ширината на хоризонталната линия от стандартната стойност от 100%, която удължава линията в страницата. Най- noshade атрибута прави твърда линия цвят вместо сенчести цвят.
Тези атрибути са остарели в HTML5. Вместо това трябва да използвате CSS, за да настроите маркерите си в HTML5 документи.
Това е HTML5 пример за стилизиране на хоризонталната линия до 10 пиксела, като се използва вграден CSS (стилове, вмъкнати директно в документа заедно с HTML):
Друг начин за стилизиране на хоризонтални линии в HTML5 е да използвате отделен CSS файл и да го свържете с него от HTML документа. В CSS файла трябва да напишете стила така: hr {височина: 10px}
Същият ефект в HTML4 изисква да добавите атрибут към HTML съдържанието. Ето как да промените размера на хоризонталната линия с размер атрибут:
Има много повече свобода при оформянето на хоризонтални линии в CSS спрямо HTML. Само широчина и височина стилове са последователни във всички браузъри, така че може да са необходими някои опити и грешки при използването на други стилове. Ширината по подразбиране е винаги 100 процента от ширината на уеб страницата или родителския елемент. Височината по подразбиране на правилото е два пиксела.
