Hvad er en HTML-tag versus et HTML-element?

Webdesign, som enhver industri eller profession, har et helt eget sprog. Når du går ind i branchen og begynder at tale med jeres jævnaldrende, vil du uden tvivl komme ind i en flurry af udtryk og sætninger, der er nye for dig, men som flyder væk fra dine medarbeideres sprog. To af de vilkår, du vil høre, er HTML "tag" og "element."

Når du hører disse to udtryk sagt, kan du indse, at de bliver brugt noget omveksling. Som sådan er et spørgsmål, som mange nye web-fagfolk har, når de begynder at arbejde med HTML-kode, "hvad er forskellen mellem en HTML-tag og et HTML-element?"

Mens disse to udtryk er ens i betydningen, er de ikke rigtig synonymer. Så hvad er ligheden med disse to termer? Det korte svar er, at både tags og elementer refererer til den markering, der bruges til at skrive HTML. Du kan f.eks. Sige, at du bruger

tag til at definere et afsnit eller elementet for at oprette links. Mange bruger vilkårene tag og element interchangeably, og enhver webdesigner eller udvikler du taler med ville forstå, hvad du mente, men virkeligheden er, at der er en lille forskel mellem de to udtryk.

HTML-tags

HTML er et markupsprog, hvilket betyder, at det er skrevet med koder, der kan læses af en person uden at det først skal kompileres. Med andre ord er teksten på en webside "markeret" med disse koder for at give webbrowseren instruktioner om, hvordan teksten skal vises. Disse markeringskoder er selve HTML-tags.

Når du skriver HTML, skriver du HTML-tags. Alle HTML-tags består af en række specifikke dele, herunder:

• Et mindre end tegn

  <

• Et ord eller tegn, der bestemmer hvilket mærke der skrives
• Ethvert antal valgfrie HTML-attributter i form af a

  name = "værdi" par

• Og endelig et større end tegn

  >

Her er for eksempel nogle HTML-tags:

Dette er alle HTML-åbningsetiketter, uden at eventuelle valgfrie attributter er tilføjet dem. Disse tags repræsenterer:

• - definerer et afsnit

• - definerer siden som HTML

• - definerer en division

Følgende er også HTML tags:

• 

Disse eksempler omfatter alle attributter, der er blevet tilføjet til åbningen HTML tags.

• Det
  er en uordnet liste, der indeholder en id-attributt
• Opdelingen har en klasseattribut
• Anker- eller linkelementet indeholder attributten "href"
• Billedetiketten med en "src" -attribut

For anker- og billedkoderne er attributterne faktisk ikke valgfrie, de er nødvendige for at disse tags kan vises korrekt. Du skal fortælle linket hvor du skal henvende dig (hvilket er hvad "href" gør) og billedet, hvad der skal vises (hvilket er hvad attributten "src" angiver).

Hvad er HTML-elementer?

Ifølge W3C HTML-specifikationen, an element er den grundlæggende byggesten i HTML og består typisk af to tags : Et åbent mærke og en lukkekode. Hidtil har vi kun kigget på åbningsetiketter, som starter elementerne. For at afslutte det element, skriver du de tilsvarende lukkekoder.

For eksempel til afsnit elementet du skriver dette:

Dette består af åbningstaggen, som vi så et øjeblik siden såvel som den afsluttende tag -

. Lukningskoder er virkelig bare åbningstaggen gentaget, men med et "fremad skråstreg" tilføjes direkte efter symbolet "mindre end".

Næsten alle HTML-elementer har en åbningstabel og en lukkekode. Disse tags omgiver teksten, der vises på websiden. Hvis du f.eks. Skriver et stykke tekst, skriver du teksten, der skal vises på siden, og omgiver den derefter med disse tags:

Her vil du skrive teksten til det afsnit, du gerne vil have vist på websiden.

Nogle HTML-elementer har ikke en lukkerkode. Disse kaldes "tomme elementer". Nogle gange omtales de også som "singleton" eller "ugyldige" elementer. Tomme elementer er nemme at bruge, fordi du kun skal medtage et tag på din webside, og browseren vil vide, hvad de skal gøre. For at tilføje en enkeltlinie pause til din side, vil du bruge
tag.

Et andet fælles element, der kun indeholder en åbningstabel, er elementet "billede". For eksempel:



Vi har set dette eksempel tidligere, men der er ingen lukkekode for dette billedelement. Browseren ville simpelthen erstatte denne kode med det billede, der henvises til i "href" attributten. I dette tilfælde ville det være "logo.png."

Generelt, når vi henviser til et HTML-element eller et tag, bruger vi udtrykket "element" for at angive, at vi henviser til alle dele af elementet (både åbnings- og lukkekoderne). Vi bruger kun "tag", når der kun henvises til den ene eller den anden. Dette er den rigtige anvendelse af disse to vilkår, og vi opfordrer dig til at bruge dem ordentligt - men bare ved at hvis du glider og udskifter dem lidt, vil du stadig blive forstået af dine nye webudviklingskammerater!