HR tag tiek izmantots tīmekļa dokumentos, lai parādītu horizontālu līniju visā lapā vai dažreiz sauc par horizontālu likumu. Atšķirībā no dažiem tagiem šim vienam nav nepieciešams aizvēršanas tags, tāpēc viss, kas jums jādara, ir veids lai ievietotu līniju.
Līnija stiepjas pa visu lapas platumu un tajā ir ietverti daži noklusējuma atribūti, lai aprakstītu līnijas biezumu, atrašanās vietu un krāsu, taču jūs varat mainīt šos iestatījumus, ja vēlaties.
Jūs varat rediģēt horizontālās līnijas raksturlielumus HTML5 dokumentā, rediģējot lapas CSS. HTML4 horizontālās līnijas tika mainītas dokumenta HTML pusē.
Vai HR tag semantisks?
HTML4 formātā HR tag nebija semantisks. Semantiskie elementi apraksta to nozīmi pārlūkprogrammas izteiksmē, un izstrādātājs to var viegli saprast. HR tag bija tikai veids, kā pievienot dokumentu vienkāršu rindu, kur vien vēlaties. Veidojot elementa augšējo vai apakšējo malu, kurā vēlaties ievietot līniju, elementa augšpusē vai apakšā novietota horizontāla līnija, taču kopumā HR mērķis bija vieglāk izmantot šo elementu.
Sākot ar HTML5, HR tag kļuva semantisks, un tagad tas definē punktu līmeņa tematisko pārtraukumu, kas ir pārtraukums satura plūsmā, kas neatbalsta jaunu lapu vai citu stingrāku ierobežotāju - tā ir tēmas maiņa. Piemēram, jūs varētu atrast HR atzīmi pēc notikuma maiņas stāstā vai arī norādīt tēmas maiņu atsauces dokumentā.
HR atribūti HTML4 un HTML5 formātā
HTML4 formātā HR tagam var piešķirt vienkāršus atribūtus, tostarp izlīdzināt platumu un noshade . Pielāgojumu var iestatīt uz pa kreisi , centrā , pa labi vai pamatot . Platums pielāgo horizontālās līnijas platumu no noklusējuma 100 procentiem, kas paplašina līniju visā lapā. The noshade atribūts padara krāsainu līniju, nevis ēnotu krāsu.
Šie HTML5 atribūti ir novecojuši. Vietnē CSS jāizmanto HTML tagu HTML stilu dokumentos.
Šis HTML5 piemērs ir horizontālās līnijas stilizēšana, kuras augstums ir 10 pikseļi, izmantojot inline CSS (stili ievietoti tieši dokumentā kopā ar HTML):
Vēl viens veids, kā veidot HTML5 horizontālās līnijas, ir izmantot atsevišķu CSS failu un izveidot saiti uz to no HTML dokumenta. CSS failā rakstīt šādu stilu: hr {augstums: 10 pikseļi}
Tā pati ietekme HTML4 nozīmē, ka HTML saturam jāpievieno atribūts. Tālāk ir norādīts, kā mainīt horizontālās līnijas izmēru ar Izmērs atribūts:
CSS versijā HTML ir daudz vairāk brīvības, veidojot horizontālās līnijas. Tikai platums un augstums stili ir vienādi visās pārlūkprogrammās, tādēļ daži izmēģinājumi un kļūda var būt nepieciešami, ja tiek izmantoti citi stili. Noklusējuma platums vienmēr ir 100 procenti no tīmekļa lapas vai vecāka elementa platuma. Noklusējuma augstums ir divi pikseļi.
