Nola erabili HR etiketa web dokumentu baterako
HR etiketa tradizionalki erabiltzen da lerro horizontal bat (batzuetan, arau horizontal deritzo) web dokumentu bat gehitzeko. Lerro bat gehitzeko, idatzi:
nabigatzaileari lerro bat marrazteko orrialde edo elementu nagusiaren zabalera osoan zehaztutako doikuntzak erabiliz. Lerro lehenetsia sinplea da eta sarritan bere helburua balio du, baina atributuak lerroaren tamaina, kolorea eta beste ezaugarri batzuen artean alda daitezke. Lerro horizontalaren itxura aldatzeko metodoa HTML4 eta HTML5 artean aldatu da.
HR Tag Semantikoa da?
HTML4n, HR etiketa ez zen semantikoa. Elementu semantikoak beren esanahia deskribatzen dute nabigatzailean eta garatzaileek erraz ulertzeko. HR etiketa dokumentu baten lerro sinple bat gehitzeko modu bat besterik ez zen. Elementuaren goiko edo beheko lerro horizontal bat jartzen den lerroan agertzen den elementuaren goiko edo beheko ertza soilik izateak, baina, oro har, HR etiketa errazagoa izan da horretarako.
HTML5-rekin hasita, HR etiketa semantikoa bilakatu zen eta gaur egun paragrafo-mailako gaikako pauso bat definitzen du, hau da, orrialde berri bat edo beste zehaztugabea bermatzen ez duen edukiaren fluxu-pausoa. Gaiaren aldaketa bat da . Adibidez, istorio baten eszena aldatu ostean HR etiketa bat aurkitu dezakezu edo gaiaren aldaketa erreferentzia-dokumentuan adierazi dezakezu.
HR HTML4 eta HTML5 atributuak
HTML4n, HR tag atributu sinpleak esleitu daitezke, "lerrokatzea", "zabalera" eta "noshade" barne. Lerrokatzea ezkerrean, erdian, eskuinean edo justifikatu daiteke. Zabalera lerro horizontalaren zabalera doitu da, orrialde osoan zehar lerroa luzatu zuen ehuneko 100etik. Noshade atributuak kolore ilun koloreko lerro bat eman zuen kolore itzal baten ordez. Atributu hauek HTML5 zaharkituta geratzen dira eta CSS erabili beharko zenuke HR5 etiketak HTML5 estiloan erakusteko. Adibidez, HTML 4n:
10 pixeleko altuera duen linea horizontal bat sortzen du.
HTML5-rekin CSS erabiltzea, 10 pixeleko altuera duen linea horizontal bat estiloa da:
Lineaz kanpoko estiloa erabiltzeko CSS erabilita zure webgunea diseinatzeko askatasun handia ematen dizu. HR etiketak estiloaren adibide ugari ikusi ditzakezu Estilo honetan HR Tag artikuluaren gainean. Zabalera eta altuera estiloak nabigatzaile guztietan zehar koherentea dira, beraz, probak eta akats batzuk behar izaten dira beste estilo batzuk erabiltzen dituzunean. Zabalera lehenetsia beti web orriaren edo gurasoen elementuaren zabaleraren ehuneko 100ekoa da. Arauaren altuera lehenetsia bi pixel da.