Webontwerp heeft, net als elke branche of beroep, een eigen taal. Als je de branche betreedt en begint te praten met je collega's, zul je ongetwijfeld tegen een vloed van termen en zinnetjes aanlopen die nieuw voor je zijn, maar die de tongen van je collega-webprofessionals afstoten. Twee van de termen die u zult horen zijn HTML "tag" en "element."
Terwijl u deze twee termen hoort, kunt u zich realiseren dat ze enigszins door elkaar worden gebruikt. Als zodanig is een vraag die veel nieuwe webprofessionals hebben wanneer ze beginnen te werken met HTML-code "wat is het verschil tussen een HTML-tag en een HTML-element?"
Hoewel deze twee termen qua betekenis vergelijkbaar zijn, zijn ze niet echt synoniemen. Dus wat is de gelijkenis met deze twee termen? Het korte antwoord is dat beide tags en elementen verwijzen naar de markup die wordt gebruikt om HTML te schrijven. U zou bijvoorbeeld kunnen zeggen dat u de
tag om een alinea of het element te definiëren om koppelingen te maken. Veel mensen gebruiken de termen tag en element door elkaar en elke webontwerper of ontwikkelaar waarmee u spreekt, zou begrijpen wat u 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 deze 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. Deze markup-tags zijn de HTML-tags zelf.
Wanneer u HTML schrijft, schrijft u HTML-tags. Alle HTML-tags bestaan uit een aantal specifieke onderdelen, waaronder:
- Een minder dan teken
<
- Een woord of teken dat bepaalt welke tag wordt geschreven
- Een willekeurig aantal optionele HTML-kenmerken in de vorm van een
name = "value" paar-
- En tot slot een groter-dan-teken
>
Hier zijn bijvoorbeeld enkele HTML-tags:
Dit zijn allemaal HTML-openingstags, zonder dat er optionele attributen aan zijn toegevoegd. Deze tags vertegenwoordigen:
-
- definieert een paragraaf
-
- definieert de pagina als HTML
-
- definieert een deling
De volgende zijn ook HTML-tags:
-
-
- De
- is een ongeordende lijst met een ID-kenmerk
- De divisie heeft een klassenattribuut
- Het element anchor, of link, bevat het kenmerk 'href'
- De afbeeldingstag met een "src" -attribuut
Deze voorbeelden bevatten allemaal attributen die aan de eerste HTML-tags zijn toegevoegd.
Voor de anker- en afbeeldingslabels zijn de kenmerken feitelijk niet optioneel; ze zijn nodig om die tags correct weer te geven. Je moet de link vertellen waar je naartoe moet gaan (wat de "href" doet) en de afbeelding die moet worden getoond (wat het "src" -attribuut biedt).
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 afsluitende tag. Tot nu toe hebben we alleen gekeken naar het openen van tags, waarmee de elementen worden gestart. Om dat element te beëindigen, schrijft u de bijbehorende afsluitende tags.
Voor het alinea-element schrijft u bijvoorbeeld dit:
Dit bestaat uit de openingstag die we zojuist zagen, evenals de afsluitende tag - Bijna alle HTML-elementen hebben een openingstag en een afsluitende tag. Deze tags omringen de tekst die op de webpagina wordt weergegeven. Als u bijvoorbeeld een alinea tekst wilt schrijven, schrijft u de tekst die u op de pagina wilt weergeven en omringt u deze met deze tags: Dit is waar u de tekst van de alinea zou schrijven die u op de webpagina zou willen weergeven. Sommige HTML-elementen hebben geen afsluitende tag. Dit worden 'lege elementen' genoemd. Soms worden ze ook "singleton" - of "void" -elementen genoemd. Lege elementen zijn gemakkelijk te gebruiken, omdat u slechts één tag in uw webpagina hoeft op te nemen en de browser weet wat hij moet doen. Als u bijvoorbeeld een enkele regeleinde aan uw pagina wilt toevoegen, gebruikt u de Een ander gemeenschappelijk element dat alleen een openingstag bevat, is het "afbeeldingselement". Bijvoorbeeld: We hebben dit voorbeeld eerder gezien, maar er is geen sluitingstag voor dit afbeeldingselement. De browser zou deze code eenvoudig vervangen door de afbeelding waarnaar wordt verwezen in het kenmerk "href". In dit geval zou dat 'logo.png' zijn. Over het algemeen gebruiken we de term 'element' als we verwijzen naar een HTML-element of -tag om aan te geven dat we naar alle delen van het element verwijzen (zowel de openings- als de sluitingstag). We gebruiken alleen 'tag' wanneer we alleen de ene of de andere verwijzen. Dit is het juiste gebruik van deze twee voorwaarden, en we moedigen u aan ze correct te gebruiken, maar weet alleen dat als u uitglijdt en ze een beetje verwisselt, u nog steeds wordt begrepen door uw nieuwe webontwikkeling-peers!
label.
