Zure orriko diseinu atalak sortzea
Izenburuak zure testua antolatzeko modu erabilgarria da, zatiketa baliagarriak sortu eta bilaketa-motorrak optimizatzen ditu zure webgunea. Izenburuak HTML izenburuko etiketak erabiliz erraz sortu ditzakezu. Zure testuaren itxura alda dezakezu ere etiketa bizkor eta etiketan.
izenburuak
Etiketa nagusiak zure dokumentua zatitzeko modurik errazena dira. Zure webgunea egunkari bezala dela uste baduzu, egunkariak izenburuak dira. Titular nagusia h1 bat da eta ondorengo epigrafeak h2 h6 bidez daude.
Erabili honako kodeak HTML sortzeko.
Hau da 1. goiburua h1> Hau da 2. goiburua h2> Hau da 3. goiburua h3> Hau da 4. goiburua h4> Hau da goiburua 5 h5> Hau da 6. goiburua h6> Gogoratu aholkuak
- Saiatu zure izenburuak ordena logiko batean mantentzeko, h1 h2 aurretik dator, h3 aurretik datorrena, eta abar.
- Ez kezkatu gehiegi nola agertzen diren xehetasunei buruz: estiloaren titularrak CSS erabili beharko zenituzke eskuliburu bat baino gehiago erabiliz.
- Goiburuko etiketak blokeko elementuen elementuak dira , beraz lerro jauziak jarriko dizkizute. Ez jarri P tags etiketa izenburu barruan.
Bold eta Italic
Hau da 3. goiburua h3> Hau da 4. goiburua h4> Hau da goiburua 5 h5> Hau da 6. goiburua h6> Gogoratu aholkuak
- Saiatu zure izenburuak ordena logiko batean mantentzeko, h1 h2 aurretik dator, h3 aurretik datorrena, eta abar.
- Ez kezkatu gehiegi nola agertzen diren xehetasunei buruz: estiloaren titularrak CSS erabili beharko zenituzke eskuliburu bat baino gehiago erabiliz.
- Goiburuko etiketak blokeko elementuen elementuak dira , beraz lerro jauziak jarriko dizkizute. Ez jarri P tags etiketa izenburu barruan.
Bold eta Italic
Hau da goiburua 5 h5> Hau da 6. goiburua h6> Gogoratu aholkuak
- Saiatu zure izenburuak ordena logiko batean mantentzeko, h1 h2 aurretik dator, h3 aurretik datorrena, eta abar.
- Ez kezkatu gehiegi nola agertzen diren xehetasunei buruz: estiloaren titularrak CSS erabili beharko zenituzke eskuliburu bat baino gehiago erabiliz.
- Goiburuko etiketak blokeko elementuen elementuak dira , beraz lerro jauziak jarriko dizkizute. Ez jarri P tags etiketa izenburu barruan.
Bold eta Italic
Gogoratu aholkuak
- Saiatu zure izenburuak ordena logiko batean mantentzeko, h1 h2 aurretik dator, h3 aurretik datorrena, eta abar.
- Ez kezkatu gehiegi nola agertzen diren xehetasunei buruz: estiloaren titularrak CSS erabili beharko zenituzke eskuliburu bat baino gehiago erabiliz.
- Goiburuko etiketak blokeko elementuen elementuak dira , beraz lerro jauziak jarriko dizkizute. Ez jarri P tags etiketa izenburu barruan.
Bold eta Italic
Etiketa lodia eta etzana erabil ditzakezun lau etiketa daude:
- eta letra lodiz
- eta letra etzanez
Ez du axola zein erabiltzen duzun. Batzuk eta eta , baina jende askok aurkitu "lodia" eta italic errazagoa gogoratzeko.
Testu lodia edo etzana testuingurura doitzeko irekitze eta itxiera etiketak inguratzea besterik ez duzu.
lodia b> etzana i>Etiketa horiek habiatzeko dezakezu (hau da, testua bai lodia eta etzana) eta ez du kanpoko edo barneko etiketa.
Adibidez:
Testu hau lodia da
Testu hau lodia da strong>Testu hau letra etzanean dago
Testu hau letra etzana da em>Testu hau biak eta etzana dira
Testu hau biak eta etzana dira em> strong>Zergatik daude bi letra eta letra etiketarik gabeko etiketak?
HTML4n, eta etiketak estiloaren etiketak izan ziren, testuaren itxura bakarrik eragiten baitzuten eta etiketa horren edukia ez zen ezer esan, eta txarra erabili zuten. Ondoren, HTML5-ekin, testuaren itxura kanpotik esanahi semantikoa eman zioten.
HTML5an etiketa hauek esanahi espezifikoak dituzte:
- Inguruaren testua baino garrantzitsuagoa den testua adierazten du, baina aurkezpen tipografiko tipikoa testu lodizkoa da, adibidez, dokumentu abstraktu batean edo produktuen izenak berrikuspen batean.
- inguruneko testua baino garrantzitsuagoa den testua adierazten du, baina aurkezpen tipografiko tipikoa letra etzana da, adibidez liburu izenburua, termino teknikoa edo beste hizkuntza batean esaldi bat.
- inguruneko testuarekin alderatuta oso garrantzitsua den testua adierazten du.
- testuinguruaren azpiko enfasia duen testuarekin adierazten du.