Հորիզոնական գծեր ավելացնելու համար Էջի բովանդակությունը խախտելու համար

Ինչպես օգտվել վեբ փաստաթղթի համար HR tag- ը

HR տառատեսակը սովորաբար օգտագործվում է հորիզոնական գծի (երբեմն կոչվում հորիզոնական կարգ) ավելացնել վեբ փաստաթուղթ: Գիծ ավելացնելու համար մուտքագրեք հետեւյալը `


` զննարկիչին զետեղելու էջը կամ ծնողի տարրը, օգտագործելով լռելյայն պարամետրերը: Այս լռելյայն գիծը պարզ է եւ հաճախ ծառայում է իր նպատակին, սակայն հատկանիշները կարող են նշանակվել գծի չափը, գույնը եւ դիրքը այլ բնութագրերի միջեւ: Հորիզոնական գծի տեսքի փոփոխման եղանակը փոխվեց HTML4- ի եւ HTML5- ի միջեւ :

Արդյոք HR Tag- ը Semantic?

HTML4- ում HR տեքստը սեգանտային չէր: Սեմական տարրերը բնութագրում են իրենց իմաստը, բրաուզերը եւ մշակողները հեշտությամբ կարող են հասկանալ: HR տեքստը պարզապես մի փաստաթուղթ է մի պարզ գիծ ավելացնել այնտեղ, ուր ուզում եք: Ստեղծեք միայն տարրերի վերին կամ ստորին սահմանը, որտեղ դուք ցանկանում եք, որ գիծը հայտնվի հորիզոնական գծի տարրերի վերեւում կամ ներքեւում, բայց ընդհանուր առմամբ, HR- ի պիտակը ավելի հեշտ էր օգտագործել այդ նպատակով:

HTML5- ից սկսած, HR tag- ը դարձավ իմաստուն, եւ այժմ այն ​​սահմանում է պարբերական թեմատիկ ընդմիջում, որը բովանդակության հոսքի մեջ, որը չի նշանակում նոր էջ կամ այլ ուժեղ կողմնակից, դա թեմայի փոփոխություն է: . Օրինակ, կարող եք գտնել HR տեգեր պատմությունից վերափոխվելու դեպքում կամ այն ​​կարող է մատնանշել թեմայի փոփոխությունը հղում փաստաթղթում:

HR հատկանիշները HTML4- ում եւ HTML5- ում

HTML4- ում HR tag- ը կարող է նշանակվել պարզ հատկանիշներ, ներառյալ `« հարթեցնել »,« լայնությունը »եւ« noshade »: Հարթակը կարող է սահմանվել ձախ, կենտրոն, աջ կամ արդարացնել: Լայնությունը հորիզոնական գծի լայնությունը ճշգրտեց նախնական 100 տոկոսից, որը տարածում էր գծի ողջ էջը: Նոշադի հատկանիշը ստվերային գույնի փոխարեն կտրեց գունավոր գիծ: Այս ատրիբուտները հնացած են HTML5-ում, եւ դուք պետք է օգտագործեք CSS- ի HTML5- ում ձեր HR- պիտակների ոճը: Օրինակ, HTML 4-ում:


առաջացնում է հորիզոնական գիծ 10 բալ բարձրությամբ:

Օգտագործելով CSS- ի HTML5- ը, հորիզոնական գիծը, որը 10 պիքսել բարձր է, ձեւակերպված է.


Օգտագործելով CSS- ի հորիզոնական գծի ոճը, վեբ էջը նախագծելիս ձեզ շատ ազատություն է տալիս: Դուք կարող եք տեսնել բազմաթիվ օրինակներ ոճերի HR tags այս Style է HR Tag հոդվածը. Միայն լայնությունը եւ բարձրության ոճերը համահունչ են բոլոր բրաուզերում, ուստի որոշ ոճերի օգտագործման ժամանակ կարող են պահանջվել որոշ փորձարկումներ եւ սխալներ: Լռակյաց լայնությունը միշտ էլ վեբ էջի կամ ծնողի տարրի լայնության 100 տոկոսն է: Կանոնների լռելյայն բարձրությունը երկու պիքսել է: