Gaur egun dugun industria-arduradunaren web arloko mugimenduen printzipio garrantzitsu bat HTML elementu batzuk erabiltzea da, arakatzailearen arabera agertuko direnaren arabera. Hau HTML semantikoa erabiltzen da.
Zer da HTML semantikoa?
HTML semantikoa edo markaketa semantikoa HTMLa da, web orriaren esanahia aurkezpenaren ordez. Adibidez,
etiketa adierazten du testu itxia paragrafo bat dela.
Hau semantikoa eta aurkezlea da, jendeak zer paragrafo eta arakatzaile ezagutzen dituen jakiteko.
Ekuazio horren alde batean, eta bezalako etiketak ez dira semantikoak, testua nola begiratu behar duten definitzen dute (lodia edo etzana) eta ez dute markatzeko esanahi gehigarririk ematen.
HTML etiketa semantikoen adibideak goiburuko etiketak
bidez , , eta . HTML etiketa gehiago daude, estandarrak betetzen dituzten webguneak eraiki ahal izateko.
Zergatik Semantika zaintzeko behar zenuke?
HTML semantikoa idazteko onurak web orrialde gidatzearen helburua izan behar du: komunikatzeko nahia. Zure dokumentuan etiketa semantikoak gehituz, dokumentu honi buruzko informazio gehigarria ematen duzu, komunikazioan laguntzen duena. Zehazki, etiketa semantikoak arakatzaileari argi ematen dio zein den orri baten eta haren edukia zer den esanahia.
Argitasuna ere bilatzaileekin komunikatzen da, orrialde egokiak eskuineko kontsultak bidaltzen direla bermatuz.
HTML etiketa semantikoak orrialde batean nola begiratzen duten orrialdeen edukiei buruzko informazioa ematen dute. etiketaren barruan dagoen testua arakatzaileak berehala aitortzen du kodetze hizkuntza mota gisa.
Kodea errendatu beharrean, arakatzaileak ulertzen du testu hori kode baten adibidea dela artikulu baten edo nolabaiteko on-line tutorial baten helburuetarako.
Etiketak semantikoak erabiliz, zure edukia estutzeko beste kako gehiago ematen dizkizugu. Agian, gaur egun, zure kodea laginak bistaratzea nahiago duzu arakatzaile estilo lehenetsian, baina bihar, deitu nahi dituzu atzeko planoko gris kolorearekin, eta, geroago, nahi duzun letra-tipoaren letra-tipo familia edo letra- tipo erabilgarri zehatz bat definitu nahi duzu. zure laginak. Horrelako gauza guztiak erraz egin ditzakezu markatze semantikoa eta CSS aplikatua.
Erabili zeinu semantikoak zuzenki
Seinale semantikoak erabili nahi diren esanahia transmititzeko, aurkezpenetarako baino ez dituzunean, kontuz ibili behar duzu ez dituzula gaizki erabili, besterik gabe, beren bistaratze propietate komunak dituztela. Etiketa semantiko gehien erabiltzen dituztenak honakoak dira:
- blockquote - Pertsona batzuek etiketa erabiltzen dute aipamenik ez duen testua indentzea. Hau da, blokeoak ahulduta daude lehenespenez. Zintaren onurak nahi badituzu soilik, baina testua ez da blockquote bat, CSS marjinak erabili ordez.
- p - Zenbait web editoreek
& nbsp; (paragrafo batean jasotako haustura ez den leku bat) erabiltzen dute orrialdeen arteko tarte gehigarria gehitzeko, orrialde horren testuaren benetako paragrafoak zehazteko. Aurretik aipatutako indenting adibide bezala, marjina edo betegarria estilo jabetza erabili behar duzu espazioa gehitzeko.
- ul - Blockquote bezalakoa, testua
etik barruan testu horretan sartzen da arakatzaile gehienetan testua. HTML semantikoki okerra eta baliogabea da, - etiketak baliozko
etiketa batean bakarrik baitira. Berriro ere, marra edo betegintzako estiloa erabili testuan sartuta.
- h1-h6 - Etiketa-etiketak letra-tipo handiagoak eta ausartagoak egiteko erabil daitezke, baina testua ez bada goibururik, ez da izenburuko etiketarik izango. Erabili letra-tipoaren pisua eta letra-tipoaren CSS propietateak ordez zure orriaren testu zehatzaren tamaina edo pisua aldatu nahi baduzu.
Esanahi duten HTML etiketak erabiliz, informazio gehiago ematen duten orrialdeak sortzen dituzu
etiketen inguruan.
Zein HTML Etiketak Semantikoak dira?
HTML4 etiketa guztietan eta HTML5 etiketa guztiek esanahi semantikoa badute ere, etiketa batzuk nagusiki semantikoak dira.
Adibidez, HTML5k eta etiketak esanahiaren esanahia birmoldatu du. Etiketarik ez du garrantzi handiagoa ematen, baizik eta testua normalean lodia da. etiketa ere ez du garrantzirik edo azpimarratzerik ematen, baizik eta etiketan errendatzen ohi den testua definitzen du.
HTML etiketa semantikoak
laburdura akronimoa
Luzea aipatzea definizioa Dokumentuaren egilearen (k) helbidea Citation Kodearen erreferentzia Teletipoaren testua Zatiketa logikoa Inner estiloaren edukiontzi generikoa Ezabatutako testua Txertatutako testua Enfasis Azpiko arreta
Lehen mailako izenburua
Bigarren maila titulua
Hirugarren mailako titulua
Laugarren maila titulua
Zortzigarren mailako titulua
Seigarren mailako titulua
Jauzi tematikoa Erabiltzaileak idatzi beharreko testua
Aurrez formateatutako testua
Lerro laburreko aipua Laginaren irteera Azpi Goi-indizea Aldakorra edo erabiltzaile definitutako testua
, eta . HTML etiketa gehiago daude, estandarrak betetzen dituzten webguneak eraiki ahal izateko.
Zergatik Semantika zaintzeko behar zenuke?
HTML semantikoa idazteko onurak web orrialde gidatzearen helburua izan behar du: komunikatzeko nahia. Zure dokumentuan etiketa semantikoak gehituz, dokumentu honi buruzko informazio gehigarria ematen duzu, komunikazioan laguntzen duena. Zehazki, etiketa semantikoak arakatzaileari argi ematen dio zein den orri baten eta haren edukia zer den esanahia.
Argitasuna ere bilatzaileekin komunikatzen da, orrialde egokiak eskuineko kontsultak bidaltzen direla bermatuz.
HTML etiketa semantikoak orrialde batean nola begiratzen duten orrialdeen edukiei buruzko informazioa ematen dute. etiketaren barruan dagoen testua arakatzaileak berehala aitortzen du kodetze hizkuntza mota gisa.
Kodea errendatu beharrean, arakatzaileak ulertzen du testu hori kode baten adibidea dela artikulu baten edo nolabaiteko on-line tutorial baten helburuetarako.
Etiketak semantikoak erabiliz, zure edukia estutzeko beste kako gehiago ematen dizkizugu. Agian, gaur egun, zure kodea laginak bistaratzea nahiago duzu arakatzaile estilo lehenetsian, baina bihar, deitu nahi dituzu atzeko planoko gris kolorearekin, eta, geroago, nahi duzun letra-tipoaren letra-tipo familia edo letra- tipo erabilgarri zehatz bat definitu nahi duzu. zure laginak. Horrelako gauza guztiak erraz egin ditzakezu markatze semantikoa eta CSS aplikatua.
Erabili zeinu semantikoak zuzenki
Seinale semantikoak erabili nahi diren esanahia transmititzeko, aurkezpenetarako baino ez dituzunean, kontuz ibili behar duzu ez dituzula gaizki erabili, besterik gabe, beren bistaratze propietate komunak dituztela. Etiketa semantiko gehien erabiltzen dituztenak honakoak dira:
- blockquote - Pertsona batzuek etiketa erabiltzen dute aipamenik ez duen testua indentzea. Hau da, blokeoak ahulduta daude lehenespenez. Zintaren onurak nahi badituzu soilik, baina testua ez da blockquote bat, CSS marjinak erabili ordez.
- p - Zenbait web editoreek
& nbsp; (paragrafo batean jasotako haustura ez den leku bat) erabiltzen dute orrialdeen arteko tarte gehigarria gehitzeko, orrialde horren testuaren benetako paragrafoak zehazteko. Aurretik aipatutako indenting adibide bezala, marjina edo betegarria estilo jabetza erabili behar duzu espazioa gehitzeko.
- ul - Blockquote bezalakoa, testua
etik barruan testu horretan sartzen da arakatzaile gehienetan testua. HTML semantikoki okerra eta baliogabea da, - etiketak baliozko
etiketa batean bakarrik baitira. Berriro ere, marra edo betegintzako estiloa erabili testuan sartuta.
- h1-h6 - Etiketa-etiketak letra-tipo handiagoak eta ausartagoak egiteko erabil daitezke, baina testua ez bada goibururik, ez da izenburuko etiketarik izango. Erabili letra-tipoaren pisua eta letra-tipoaren CSS propietateak ordez zure orriaren testu zehatzaren tamaina edo pisua aldatu nahi baduzu.
Esanahi duten HTML etiketak erabiliz, informazio gehiago ematen duten orrialdeak sortzen dituzu
etiketen inguruan.
Zein HTML Etiketak Semantikoak dira?
HTML4 etiketa guztietan eta HTML5 etiketa guztiek esanahi semantikoa badute ere, etiketa batzuk nagusiki semantikoak dira.
Adibidez, HTML5k eta etiketak esanahiaren esanahia birmoldatu du. Etiketarik ez du garrantzi handiagoa ematen, baizik eta testua normalean lodia da. etiketa ere ez du garrantzirik edo azpimarratzerik ematen, baizik eta etiketan errendatzen ohi den testua definitzen du.
HTML etiketa semantikoak
laburdura akronimoa
Luzea aipatzea definizioa Dokumentuaren egilearen (k) helbidea Citation Kodearen erreferentzia Teletipoaren testua Zatiketa logikoa Inner estiloaren edukiontzi generikoa Ezabatutako testua Txertatutako testua Enfasis Azpiko arreta
Lehen mailako izenburua
Bigarren maila titulua
Hirugarren mailako titulua
Laugarren maila titulua
Zortzigarren mailako titulua
Seigarren mailako titulua
Jauzi tematikoa Erabiltzaileak idatzi beharreko testua
Aurrez formateatutako testua
Lerro laburreko aipua Laginaren irteera Azpi Goi-indizea Aldakorra edo erabiltzaile definitutako testua