Как да използвате маркера HR за уеб документ
Знакът HR е традиционно използван за добавяне на хоризонтална линия (понякога наричана хоризонтално правило) към уеб документ. За да добавите линия, въведете:
, за да инструктирате браузъра да изчертае линия в цялата ширина на страницата или родителския елемент, като използва стандартните настройки. Тази линия по подразбиране е проста и често служи за нейната цел, но могат да бъдат присвоени атрибути за промяна на размера, цвета и позицията на линиите сред другите характеристики. Методът за промяна на външния вид на хоризонталната линия е променен между HTML4 и HTML5 .
Знакът на HR е семантичен?
В HTML4 маркерът "Човешки ресурси" не е семантичен. Семантичните елементи описват значението им по отношение на браузъра и разработчикът може лесно да разбере. Маркировката "Човешки ресурси" е просто начин да добавите проста линия към документ, където искате. Стилирането само на горната или долната граница на елемента, където искате да се появи линията, е поставило хоризонтална линия в горната или долната част на елемента, но като цяло маркерът HR е бил по-лесен за използване за тази цел.
Започвайки с HTML5, HR маркерът стана семантичен и сега той определя тематична почивка на ниво отсечка, което е прекъсване в потока на съдържанието, което не гарантира нова страница или друг по-силен разграничител - това е промяна на темата , Например, може да откриете маркер за човешките ресурси след смяната на сцена в някоя история или може да означава промяна на темата в референтен документ.
HR атрибутите в HTML4 и HTML5
В HTML4, на HR маркера могат да се задават прости атрибути, включително "align", "width" и "noshade". Подравняването може да бъде зададено наляво, в средата, надясно или да се обоснове. Широчината регулира ширината на хоризонталната линия от стандартната стойност от 100 процента, която удължи реда през страницата. Атрибутът "noshade" направи солидна цветна линия вместо засенчен цвят. Тези атрибути са остарели в HTML5 и трябва да използвате CSS, за да настроите вашите HR маркери в HTML5. Например в HTML 4:
генерира хоризонтална линия с височина 10 пиксела.
Използвайки CSS с HTML5, хоризонтална линия с височина 10 пиксела е оформена:
Използването на CSS за оформяне на вашата хоризонтална линия ви дава много свобода при проектирането на вашата уеб страница. Можете да видите много примери за стилове за HR маркери в този стил на статията HR Tag . Само стиловете за ширина и височина са съвместими във всички браузъри, така че може да са необходими някои опити и грешки, когато използвате други стилове. Ширината по подразбиране е винаги 100 процента от ширината на уеб страницата или родителския елемент. Височината по подразбиране на правилото е два пиксела.