Kā izmantot tīmekļa dokumenta HR tagu
HR tag ir tradicionāli izmantots, lai pievienotu horizontālu līniju (dažreiz to sauc par horizontālo likumu) tīmekļa dokumentam. Lai pievienotu rindu, jūs rakstāt:
, lai norādītu pārlūkprogrammai, lai izveidotu līniju pa visu lapas vai vecāka elementa platumu, izmantojot noklusējuma iestatījumus. Šī noklusējuma rinda ir vienkārša un bieži vien ir tās mērķis, bet atribūtus var piešķirt, lai mainītu rindas izmēru, krāsu un pozīciju starp citām īpašībām. Metode horizontālās līnijas izskata maiņai mainījusies starp HTML4 un HTML5 .
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 tags kļuva semantisks, un tagad tas definē punktu līmeņa tematisko pārtraukumu, kas ir satura plūsmas pārtraukums, kas neattaisno 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 pa kreisi, centrā, pa labi vai attaisnot. Platums pielāgo horizontālās līnijas platumu no noklusējuma 100 procentiem, kas paplašināja līniju visā lapā. Atribūts noshade padarīja krāsainu līniju, nevis ēnotu krāsu. Šie HTML5 atribūti ir novecojuši, un jums vajadzētu izmantot CSS, lai stilā veidotu HR tagus HTML5 formātā. Piemēram, HTML 4:
ģenerē horizontālu līniju ar augstumu 10 pikseļi.
Izmantojot CSS ar HTML5, tiek veidota horizontāla līnija, kas ir 10 pikseļi liela.
Izmantojot CSS, lai veidotu savu horizontālo līniju, jums ir liela brīvība veidot savu tīmekļa lapu. Šajā Style HR tag rakstā jūs varat redzēt daudzus HR tagu stilu piemērus. Tikai platuma un augstuma 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.