Hva er et HTML-tag versus et HTML-element?

Webdesign, som enhver bransje eller yrke, har et eget språk. Når du går inn i bransjen og begynner å snakke med dine jevnaldrende, vil du utvilsomt komme inn i en flurry av termer og uttrykk som er nye for deg, men som strømmer av tunger fra andre fagpersoner. To av betingelsene du vil høre er HTML "tag" og "element."

Når du hører disse to uttrykkene, kan du innse at de blir brukt noe om hverandre. Som et spørsmål, er et spørsmål som mange nye webprofessorer har når de begynner å jobbe med HTML-koden "hva er forskjellen mellom en HTML-kode og et HTML-element?"

Mens disse to begrepene er like i betydningen, er de egentlig ikke synonymer. Så hva er likheten med disse to begrepene? Det korte svaret er at både koder og elementer refererer til oppslaget som brukes til å skrive HTML. For eksempel kan du si at du bruker

tag for å definere et avsnitt eller elementet for å opprette koblinger. Mange bruker vilkårene tag og element utveksling, og enhver webdesigner eller utvikler du snakker med, vil forstå hva du mente, men virkeligheten er at det er en liten forskjell mellom de to begrepene.

HTML-tagger

HTML er et oppslagsspråk, som betyr at det er skrevet med koder som kan leses av en person uten at det først må kompileres. Med andre ord er teksten på en nettside "merket opp" med disse kodene for å gi nettleserens instruksjoner om hvordan teksten skal vises. Disse merketagger er HTML-kodene selv.

Når du skriver HTML, skriver du HTML-koder. Alle HTML-koder består av en rekke spesifikke deler, inkludert:

Et mindre enn tegn
<
Et ord eller tegn som bestemmer hvilken kode som skal skrives
Eventuelle antall valgfrie HTML-attributter i form av a
name = "verdi" par
Og til slutt et større enn tegn
>

For eksempel, her er noen HTML-koder:

Dette er alle HTML-åpningskoder, uten at noen valgfrie attributter er lagt til dem. Disse kodene representerer:

- definerer et avsnitt
- definerer siden som HTML
- definerer en divisjon

Følgende er også HTML-koder:

Disse eksemplene inkluderer alle attributter som er lagt til i åpnings HTML-koder.

De
Divisjonen har en klasseattributt
Anker- eller lenkeelementet inneholder "href" -attributtet
Bildemerket med et "src" -attributt

For anker- og bildekoder er attributter egentlig ikke valgfrie, de er nødvendige for at disse kodene skal vises riktig. Du må fortelle koblingen hvor du skal gå (som er hva "href" gjør) og bildet hva du skal vise (som er hva "src" -attributtet gir).

Hva er HTML-elementer?

I følge W3C HTML-spesifikasjonen, an element er den grunnleggende byggestenen til HTML og består vanligvis av to koder : Et åpningsmerke og en lukkekode. Så langt har vi bare sett på åpningsetiketter, som starter elementene. For å avslutte det elementet, skriver du de tilsvarende lukkekodene.

For eksempel, for avsnittet elementet skriver du dette:

Dette består av åpningstaggen som vi så for øyeblikket, så vel som den avsluttende taggen -

. Lukkekoder er egentlig bare åpningstaggen gjentatt, men med en "fremoverstrekk" lagt direkte etter "mindre enn" -symbolet.
Nesten alle HTML-elementer har en åpningskode og en lukkekode. Disse kodene omgir teksten som vises på nettsiden. For eksempel, for å skrive et stykke tekst, skriver du teksten som skal vises på siden og omgir den med disse kodene:

Det er her du vil skrive teksten i avsnittet du vil ha vist på nettsiden.

Enkelte HTML-elementer har ikke en lukkekode. Disse kalles "tomme elementer". Noen ganger blir de også kalt "singleton" eller "void" -elementer. Tomme elementer er enkle å bruke, fordi du bare må ta med en tag i websiden din, og nettleseren vil vite hva du skal gjøre. For eksempel, for å legge til en enkelt linjeskift på siden din, bruker du
stikkord.

Et annet vanlig element som bare inneholder en åpningskode er elementet "bilde". For eksempel:

Vi så dette eksemplet tidligere, men det er ingen lukkekode for dette bildeelementet. Nettleseren ville ganske enkelt erstatte denne koden med bildet som er referert til i "href" -attributtet. I dette tilfellet ville det være "logo.png."

Generelt, når vi refererer til et HTML-element eller en tag, bruker vi begrepet "element" for å indikere at vi refererer til alle deler av elementet (både åpnings- og lukkekoder). Vi bruker bare "tag" når vi bare henviser til den ene eller den andre. Dette er riktig bruk av disse to betingelsene, og vi oppfordrer deg til å bruke dem riktig - men bare vet at hvis du slipper og bytter dem litt, vil du fortsatt bli forstått av dine nye webutviklingspartnere!