Kas ir HTML HR tags un kā jūs to izmantojat?

AP tagu tiek izmantots tīmekļa dokumentos, lai visā lapā parādītu horizontālu līniju, ko dažreiz sauc par horizontālu kārtulu. Atšķirībā no dažiem tagiem, šim tagam nav nepieciešams noslēguma tags. Ierakstiet <hr>, lai ievietotu līniju.

Vai HR tags ir semantisks?

HTML4 HR tags nebija semantisks. Semantiskie elementi aprakstiet to nozīmi pārlūkprogrammā, un izstrādātājs to var viegli saprast. HR tags bija tikai veids, kā pievienot vienkāršu rindu dokumentam, kur vien vēlaties. Veidojot tikai tā elementa augšējo vai apakšējo malu, kur vēlaties, lai parādās līnija a horizontāla līnija elementa augšdaļā vai apakšā, taču kopumā HR tagu šim nolūkam bija vieglāk izmantot mērķim.

Sākot ar HTML5, HR tags kļuva par semantisku, un tagad tas nosaka rindkopu līmeņa tematisko pārtraukumu, kas ir satura plūsmas pārtraukums, kas nepamato jaunu lapu vai citu spēcīgāku norobežotāju - tā ir izmaiņas temats. Piemēram, HR var atrast pēc sižeta maiņas sižetā vai arī tas var norādīt uz tēmas maiņu atsauces dokumentā.

HR atribūti HTML4 un HTML5

Līnija stiepjas visā lapas platumā. Daži noklusējuma atribūti raksturo līnijas biezumu, atrašanās vietu un krāsu, taču, ja vēlaties, varat mainīt šos iestatījumus.

Programmā HTML4 HR tagam varat piešķirt vienkāršus atribūtus, tostarp izlīdzināt, platumu un degunu. Līdzinājumu 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 pagarina līniju visā lapā. The noshade atribūts tonizētas krāsas vietā piešķir vienkrāsainu līniju.

Šie atribūti HTML5 ir novecojuši. Tā vietā jums vajadzētu izmantot CSS, lai veidotu HR tagus HTML5 dokumentos.

Šis ir HTML5 piemērs horizontālās līnijas stilizēšanai 10 pikseļu augstumā, izmantojot iekšējo CSS (stili, kas tieši ievietoti dokumentā kopā ar HTML):

Vēl viens veids, kā HTML5 stilizēt horizontālās līnijas, ir izmantot atsevišķu CSS failu un saite uz to no HTML dokumenta. CSS failā stilu ierakstāt šādi:

hr
augstums: 10px
}

Tas pats HTML4 efekts jums ir nepieciešams pievienot HTML saturam atribūtu. Lūk, kā mainīt horizontālās līnijas lielumu ar Izmērs atribūts:

Tur ir daudz vairāk brīvības horizontālo līniju veidošana CSS pret HTML.

Tikai platums un augstums stili ir konsekventi visās pārlūkprogrammās, tāpēc, izmantojot citus stilus, var būt nepieciešami daži izmēģinājumi un kļūdas. Noklusējuma platums vienmēr ir 100 procenti no tīmekļa lapas vai vecāka elementa platuma. Kārtulas noklusējuma augstums ir divi pikseļi.