Zer HTML etiketa bat HTML elementu baten aurrean?

Bi baldintza hauek bereizten dira

Web diseinua, edozein industria edo lanbide bezala, hizkuntza bat dauka. Industriara sartzen zarenean eta zure kideekin hitz egiten hasten zarenean, zuk zeuk berri dituzun termino eta esaldi batzuk sartuko dituzu, baina zure web orriko profesionalen hizkuntzen fluxua izango duzu. Entzungo dituzun bi baldintza hauek HTML "etiketa" eta "elementua" dira.

Hitz egiten diren bi terminoak entzuten dituzunean, zertxobait aldagaitza erabiltzen ari direla konturatzen zara. Horrela, HTML kodean lanean hasten direnean, web orriko profesional berri askoren galdera bat da "Zer da HTML etiketa eta HTML elementu baten arteko aldea?"

Bi termino horiek esanahi antzekoak diren arren, ez dira sinonimoak. Beraz, zein da bi termino hauen antzekotasuna? Erantzun laburra da, bai etiketa eta bai elementuek HTMLa idazteko erabiltzen duten markaketa. Adibidez,

etiketa erabiltzen ari zarela esan dezakezu paragrafo bat edo elementua loturak sortzeko. Jende askok terminoaren etiketa eta elementua aldatzen ditu, eta hitz egiten duzun edozein web diseinatzaile edo garatzaileek zer esan nahi duzun ulertzen dute, baina errealitatea da bi terminoen arteko aldea txikia dela.

HTML markatze-hizkuntza da , eta horrek esan nahi du pertsona batek irakur dezakeen kodearekin idatzita dagoela lehenik konpilatu beharrik gabe. Beste era batera esanda, web orrian testu bat "markatuta" dago kode hauei esker, web arakatzailearen argibideak emateko, testua nola bistaratu ahal izateko. Markatze etiketa hauek HTML etiketak dira.

HTMLa idazten duzunean, HTML etiketak idazten ari zara. Etiketa HTML guztiak zati espezifiko batzuek osatzen dute, besteak beste:

• Seinale bat baino gutxiago <
• Etiketa hori idazten ari den zehazten duen hitz edo karaktere bat
• Edozein aukerako HTML atributu kopurua name = "value" bikote baten moduan
• Eta, azkenik, seinale handiagoa>

Adibidez, hona hemen zenbait HTML etiketa:

Hau HTML irekitze etiketak dira, haietarako gehitutako hautazko atributurik gabe. Etiketa hauek adierazten dute:

• - paragrafo bat definitzen du.

• - orrialdea HTML gisa definitzen du
• - zatiketa bat definitzen du.

Honako hauek ere HTML etiketak dira:

• Adibide hauek guztiak irekitze HTML etiketa gehitu zaizkie.

  • IDaren atributu bat biltzen duen zerrenda bat da
    • Zatiketa klasearen atributua dauka
    • Aingura edo lotura elementua "href" atributua da
    • Irudi-etiketa "src" atributu batekin

    Ainguraren eta irudiaren etiketak egiteko, atributuak ez dira aukerakoak, beharrezkoa da etiketa horiek behar bezala erakustea. Iritsi egin behar duen lotura ("href" zer den) eta zer erakutsi behar duen (zer da "src" atributua ematen duen).

    Zer dira HTML elementu?

    W3C HTML espezifikazioaren arabera, elementu bat HTML oinarrizko eraikuntza blokea da eta normalean bi etiketa daude : irekiera-etiketa eta itxiera-etiketa. Oraingoz, irekitze-etiketak soilik begiratzen ditugu. Elementu hori amaitzeko, dagokion etiketa itxiak idazten dituzu.

    Adibidez, paragrafoaren elementu hau hau idazten baduzu:

    Honek une batez ikusi dugun irekiera-etiketa eta itxiera-etiketa osatzen dute. . Itxi gabeko etiketak etengabeko errepikapena besterik ez dira, baina "barra biratu" batekin zuzenean gehitu "ikurra baino gutxiago" ondoren.

    Ia HTML elementu guztiak irekitzeko etiketa bat eta itxiera etiketa bat dute. Etiketa hauek web orrian agertuko diren testua inguratzen dute. Adibidez, testu-zati bat idazteko, orrialdearen gainean testua idatzi eta inguratu etiketa hauetakoren batekin:

    Hemen web orrian bistaratu nahi duzun paragrafoaren testua idatzi.

    HTML elementu batzuek ez dute itxiera-etiketa bat. Hauek "elementu hutsak" deritze. Batzuetan, " singleton " edo "void" elementuak ere aipatzen dira. Elementu hutsak oso errazak dira zure webguneko etiketa bakarra sartu behar duzulako eta nabigatzaileak zer egin jakin dezan. Adibidez, lerroaren lerro bakar bat gehitzeko, b
    etiketa erabiliko zenuke.

    Beste elementu komun bat irekitzeko etiketa bat besterik ez da "irudia" elementua. Adibidez:

    Adibide hau lehenago ikusi dugu, baina ez dago etiketa itxirik irudi honen elementuentzat. Arakatzaile honek kode hau ordezkatuko luke "href" atributuan aipatzen den irudiarekin. Kasu honetan, "logo.png" izango litzateke.

    Oro har, HTML elementu bat edo etiketa bat aipatzen dudanean, elementua "elementua" erabiliko dut elementuaren zati guztiei (irekitze eta itxiera etiketak) aipatzen ditudanean adierazteko. "Etiketa" erabiltzen dut erreferentzia bakarra da. Bi termino horien erabilera egokia da, eta behar bezala erabiltzea animatzen zait, baina besterik ez dakizu pixka bat irristaka eta trukatzen bazaizuela, web garapeneko kide berriek ere ulertuko duzue!

    Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/07/17