Voor de meeste HTML-elementen begint u bij het schrijven van de HTML-code om ze op een pagina weer te geven met een openingstag en eindigt u met een afsluitende tag. Tussen deze twee tags zou de inhoud van het element zijn. Bijvoorbeeld:
Dit is de tekstinhoud
Dat eenvoudige alinea-element laat zien hoe een openings- en een sluittag zou worden gebruikt. De meeste HTML-elementen volgen hetzelfde patroon, maar er zijn een aantal HTML-tags die niet zowel een begin- als een eindtag hebben.
Wat is een leeg element?
De ongeldige elementen of singleton-tags in HTML zijn die tags waarvoor geen afsluitende tag geldig hoeft te zijn. Deze elementen zijn meestal eentje die alleen op de pagina staan of waarvan het einde van de inhoud duidelijk is vanuit de context van de pagina zelf.
De lijst met HTML Void-elementen
Er zijn verschillende HTML 5-tags die ongeldige elementen zijn. Wanneer u geldige HTML schrijft, moet u de slash voor deze tags achterlaten. Dit wordt hieronder weergegeven. Als u XHTML schrijft, is de trash slash vereist.
- gebruikt voor het gebied binnen een afbeelding
- de basis-URL voor alle relatieve URL's in een document. Er kan niet meer dan 1 van deze per document zijn en het moet in de van de pagina
- dit is regelafbreking, vaak gebruikt in tekstinhoud om een enkele regeleinde in plaats van een alinea te maken. Dit moet niet worden gebruikt om visuele scheiding op een pagina te creëren door er veel op te stapelen tags omdat dat een visuele behoefte is en daarom het domein van CSS
- specificeert kolomeigenschappen voor elke kolom binnen een
element
- specificeert een commando dat een gebruiker kan inroepen
- een horizontale regel, die een rechte lijn op een pagina is. In veel gevallen worden CSS-randen gebruikt om scheidingslijnen te maken in plaats van dit HTML-element
- een van de werkpaardelementen van HTML, dit is de afbeeldingstag. Het wordt gebruikt om grafische afbeeldingen toe te voegen aan een webpagina.
- een formulierelement dat wordt gebruikt om informatie van bezoekers vast te leggen. Er zijn een aantal geldige invoertypes, van de algemene "tekst" invoer die al jaren in formulieren wordt gebruikt, tot enkele nieuwe invoertypen die deel uitmaken van HTML5
- dit wordt gebruikt om een sleutelpaargeneratorveld te dicteren dat wordt gebruikt voor formulieren
- niet te verwarren met de tag "hyperlink" of anchor (), deze link is om een lijn te zetten tussen een document en een externe bron. U zou het bijvoorbeeld gebruiken om te linken naar een extern CSS-bestand
- metatags zijn "informatie over inhoud". Ze zijn te vinden in de van een document en gebruikt om pagina-informatie over te brengen naar de browser. Er zijn veel mogelijke metatags die u op een webpagina kunt gebruiken
- gebruikt om parameters voor plug-ins te definiëren
- met deze tag kunt u alternatieve bestandspaden opgeven voor media op uw pagina, inclusief video's of afbeeldingen of audiobestanden
- dit staat voor Word Break Opportunity. Het geeft aan waar het in een tekst acceptabel zou zijn om een regeleinde toe te voegen.
Nogmaals, deze singleton-tags vormen een uitzondering op de regel, in tegenstelling tot de regel, omdat de meeste HTML-elementen inderdaad een openingstabel en een afsluitende tag nodig hebben. Van deze singleton-elementen, zullen sommigen je waarschijnlijk vrij vaak gebruiken (zoals img, meta of input), terwijl andere dat zijn die je misschien nooit hoeft te gebruiken in je webontwerpwerk (keygen, wbr en commando zijn drie elementen die zeker zijn niet gebruikelijk op webpagina's). Toch, gebruikelijk of zeldzaam in HTML-pagina's, is het handig om bekend te zijn met deze tags en te weten wat het idee achter HTML-singleton-tags is. U kunt deze lijst gebruiken als referentie voor uw webontwikkeling.
Origineel artikel door Jennifer Krynin. Bewerkt door Jeremy Girard op 5/5/17.
Gebruik de HR-tag om inhoud op een webpagina te verdelen in afzonderlijke gebieden binnen hetzelfde artikel of verhaal. Gebruik attributen om de grootte, kleur en meer te variëren.
