Oinarrizkoa gida bat HTML5 leku-markaren esteken bidez

Zer dira HTML5 Placeholder Loturak?

idUp HTML5 arte, etiketa batek atributu bat behar du: href. Baina HTML5k aukerakoa ere ematen du. Etiketa bat atributurik gabe idazten duzunean, leku-markaren esteka deritzo.

Lotutako leku-estekaren itxura honakoa da:

Aurreko

Garapenean zehar leku-markaren estekak erabiltzea

Ia web diseinatzaile bakoitzak leku-esteken loturak sortu ditu garai batean edo bestean webgunea diseinatzen eta eraikitzen. HTML5 baino lehen, idatzi egingo genuke:

esteka testu

leku-marka gisa. Eta marketineko guneetara bidali ditut bezeroarentzako leku-markak dituzten bezeroek "zergatik ez dute testu-esteketan lanean" galdetu?

The hashtag (#) leku-marka baten estekaren bidez duen arazoa lotura estekan klik egitean datza eta honek zure bezeroentzat nahasgarria sor dezake. Eta, norbaitek eguneratzea URL egokiekin eguneratzea ahazten ez badu, esteken arabera zuzenean gunean hautsita agertuko da ezer ez dutelako lotzen.

Horren ordez, etiketa batzuk erabili behar dituzu atributurik gabe. Estilo hauek zure orriaren beste edozein estekaren itxura alda ditzakezu, baina ez dira klikagarriak izango leku-markak direlako.

Lokaleko esteken erabilera Live Sites gunean

Baina leku-marka loturak web diseinuan leku bat besterik ez dute garapen baino gehiago. Leku-markaren estekak distira dezakeen leku bat nabigazioan dago. Kasu askotan, web orrien nabigazio-zerrendak modu horretan zein orrialde dagoen adierazten dute. Hauek "Hemen zaude" adierazle ohi dira.

Gehienek "Hemen zauden" markatzailearen beharra duten elementuetan id atributuen gainean oinarritzen dira, baina batzuek klasearen atributua ere erabiltzen dute. Hala ere, erabilitako edozein atributuren arabera, nabigazioan dagoen orrialde bakoitzerako lan sorta bat egin behar duzu, elementu egokien atributua gehituz eta kenduz.

Leku-markaren estekarekin, zure nabigazioa idatz dezakezu hala ere nahi baduzu, eta, ondoren, href atributua kendu behar duzu lotura egokia nabigazio-orri batera gehitzen duzunean. Nire nabigazio-zerrenda osoa gordetzen dut nire editorean, beraz kopia itsatsi bat besterik ez da eta, ondoren, ezabatu href. Zure CMSa ere gauza bera egin dezakezu.

Eta estetika berezi bat gehituz (erakutsiko dizudana nola behean) leku-markaren estekan, esteka ezin da klik egin. Beraz, bezeroek ez dute nahasmenik lortzen beste zerbait lortzen dutela, gaur egun dauden nabigazio estekan klikatzen badute.

Estiloa leku-markaren estekak

Leku-lotura estekak zure webguneko beste esteken modu ezberdinean estiloa eta estilo ezberdinak dira. Markatu etiketa bat eta a: link etiketa bezalako estiloetan. Adibidez:

a {kolorea: gorria; font-weight: bold; testu-dekorazioa: none; } a: esteka {kolorea: urdina; font-weight: normal; testu-dekorazioa: azpimarratu; }

CSS honek markatzaileen estekak lodia eta gorria egingo ditu, azpimarratu gabe. Lotura arruntak pisu normalarekin, urdinez eta azpimarratuta egongo dira.

Gogoan izan etiketa batetik aurrera egin nahi ez dituzun estiloak berrezarri. Esate baterako, letra-tipoaren pisua lodiz jarri dut leku-esteken bidez, beraz konfiguratu egin beharko nuke:

font-weight: normal;

esteken esteketarako. Gauza bera gertatzen da testu-dekorazioarekin egitean, hautatzaile batekin kenduz gero, kendu egingo litzateke a: link hautagailurako ez bada berriro jarri.