Додавање на хоризонтални линии за да се прекине содржината на страната

Како да ја користите ознаката за ВП за веб-документ

Ознаката за човечки ресурси традиционално се користи за додавање на хоризонтална линија (понекогаш наречена хоризонтално правило) на веб-документ. За да додадете линија, напишете:


за да му наложите на прелистувачот да нацрта линија преку целата ширина на страницата или родителскиот елемент со користење на зададените поставки. Оваа стандардна линија е едноставна и често служи за нејзината цел, но атрибутите може да се доделат за да ја сменат големината, бојата и положбата на линијата меѓу другите карактеристики. Методот за менување на изгледот на хоризонталната линија се промени помеѓу HTML4 и HTML5 .

Дали човечкиот имиџ семантички?

Во HTML4, ознаката за HR не беше семантичка. Семантичките елементи го опишуваат нивното значење во смисла на прелистувачот и развивачот лесно можат да го разберат. Темата на HR беше само начин да додадете едноставна линија во документот каде и да посакате. Стајлирањето само на врвот или на долната граница на елементот каде што сакате да се појави линија, поставува хоризонтална линија на горниот или долниот дел на елементот, но во целина, HR-тагот беше полесен за користење за оваа намена.

Почнувајќи со HTML5, таг HR стана семантички, и сега дефинира тематски пауза на ниво на пасус, што претставува пауза во протокот на содржината која не гарантира нова страница или друг посилен раздвојувач - тоа е промена на темата . На пример, може да најдете HR таг по промена на сцена во приказна, или може да укаже на промена на темата во референтен документ.

HR атрибути во HTML4 и HTML5

Во HTML4, на HR таг може да им се доделат едноставни атрибути, вклучувајќи ги "align", "width" и "noshade." Усогласувањето може да се постави на лево, средишно, десно или да се оправда. Ширината ја прилагоди ширината на хоризонталната линија од стандардниот 100 проценти што ја прошири линијата низ страната. Атрибутот noshade покажа цврста боја линија наместо засенчена боја. Овие атрибути се застарени во HTML5, и треба да го користите CSS за да ги напишете вашите HR вредности во HTML5. На пример, во HTML 4:


генерира хоризонтална линија со висина од 10 пиксели.

Користејќи CSS со HTML5, хоризонтална линија која е висока од 10 пиксели е стилизирана:


Користењето на CSS за оформување на вашата хоризонтална линија ви дава многу слобода во дизајнирањето на вашата веб-страница. Можете да видите многу примери на стилови за HR таговите во овој стил на HR таг статија. Само ширењето и висината стилови се конзистентни во сите прелистувачи, па може да се потребни некои пробни и грешки при користење на други стилови. Стандардната ширина е секогаш 100 проценти од ширината на веб-страницата или родителскиот елемент. Стандардната висина на правилото е два пиксели.