Wat is een HTML-tag versus een HTML-element?

click fraud protection

Een HTML label is een indicatie voor een webbrowser hoe een webpagina moet worden weergegeven, maar een HTML element is een afzonderlijk onderdeel van HTML. HTML-elementen worden gemaakt met behulp van HTML-tags.

Veel mensen gebruiken de termen tag en element door elkaar, en elke webdesigner of ontwikkelaar waarmee je spreekt zou begrijpen wat je bedoelde, maar de realiteit is dat er een klein verschil is tussen de twee termen.

HTML-tags

HTML is een opmaaktaal, wat betekent dat het is geschreven met codes die door een persoon kunnen worden gelezen zonder dat het eerst hoeft te worden gecompileerd. Met andere woorden, de tekst op een webpagina is "gemarkeerd" met deze codes om de webbrowser instructies te geven over hoe de tekst moet worden weergegeven.

Wanneer u HTML schrijft, schrijft u HTML-tags. Alle HTML-tags zijn opgebouwd uit een aantal specifieke onderdelen. Ze specificeren de tagnaam tussen punthaken, de inhoud waarop de tag van invloed is en verschillende attributen die van invloed zijn op de tag in een naam/waarde-paar.

instagram viewer

Hier is een voorbeeld:

hyperlink

Dit fragment toont een ankertag, die een hyperlink specificeert. De tag opent en sluit. De rel attribuut neemt de waarde aan nofollow.

In HTML is het verschil tussen een openingstag en een sluitingstag de aanwezigheid van de schuine streep. Is bijvoorbeeld altijd een ankertag voor het openen en altijd een ankertag voor het sluiten.

Alles bij elkaar vormen de openings- en sluitingstags en alles wat daartussen verschijnt een HTML-element.

Wat zijn HTML-elementen?

Volgens de W3C HTML-specificatie, een element is de basisbouwsteen van HTML en bestaat meestal uit: twee tags: een openingstag en een sluitingstag.

Bijna alle HTML-elementen hebben een openingstag en een sluitingstag. Deze tags omringen de tekst die op de webpagina wordt weergegeven. Als u bijvoorbeeld een alinea met tekst wilt schrijven, schrijft u de tekst die op de pagina moet worden weergegeven en omringt u deze met deze tags:

Deze tekst is een voorbeeld van een alinea.

Sommige HTML-elementen hebben geen afsluitende tag; Ze heten lege elementen. Soms worden ze ook wel aangeduid als eenling of leegte elementen. Lege elementen zijn gemakkelijk te gebruiken omdat u maar één tag in uw webpagina hoeft op te nemen en de browser zal weten wat te doen. Als u bijvoorbeeld één regeleinde aan uw pagina wilt toevoegen, gebruikt u de tag.

Een ander veel voorkomend element dat alleen een openingstag bevat, is de beeld element. Bijvoorbeeld:


Over het algemeen gebruiken ontwikkelaars de term element om alle delen van het element aan te geven (zowel de openingstag als de sluitingstag). Ze gebruiken label wanneer u slechts de een of de ander doorverwijst. Dit is het juiste gebruik van deze twee termen.

instagram story viewer