---
title: Element
slug: Web/HTML/Element
tags:
  - Element
  - HTML
  - HTML root-element
  - Naslagwerk
  - Referentie
  - Web
translation_of: Web/HTML/Element
---
<p> </p>

<p>{{HTMLSidebar("Elements")}}<br>
 Deze pagina geeft alle {{Glossary("HTML")}}-{{Glossary("Element","elementen")}} weer. Ze zijn gegroepeerd op functie om u te helpen met te vinden wat u zoekt.</p>

<div class="note">
<p>Bekijk <a href="/en-US/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks">de sectie over elementen in het artikel Een inleiding op HTML</a> voor meer informatie over de basis van HTML-elementen en -attributen.</p>
</div>

<h2 id="Hoofdelement">Hoofdelement</h2>

<p>{{HTMLRefTable("HTML Root Element")}}</p>

<h2 id="Document-metadata">Document-metadata</h2>

<p>Metadata bevat informatie over de pagina, zoals stijlen, scripts, en gegevens om software ({{Glossary("zoekmachine", "zoekmachines")}}, {{Glossary("Browser","browsers")}}, etc.) te helpen de pagina te gebruiken en renderen. Metadata voor stijlen en script kunnen worden gedefinieerd in de pagina of kunnen verwijzen naar een ander bestand dat die informatie bevat.</p>

<p>{{HTMLRefTable("HTML Document Metadata")}}</p>

<h2 id="Hoofdelement_voor_segmentatie">Hoofdelement voor segmentatie</h2>

<p>{{HTMLRefTable("Sectioning Root Element")}}</p>

<h2 id="Inhoud_segmenteren">Inhoud segmenteren</h2>

<p>Segmentatie-elementen zorgen ervoor dat u de inhoud van het document kunt indelen in logische stukjes. Gebruik de segmentatie-elementen om een uitgebreid stramien te maken voor uw pagina-inhoud, met bijvoorbeeld navigatie in de header en footer, en elementen die de segmenten van de inhoud identificeren.</p>

<p>{{HTMLRefTable("HTML Sections")}}</p>

<h2 id="Tekstinhoud">Tekstinhoud</h2>

<p>Gebruik HTML-elementen voor tekstinhoud om blokken of segmenten van inhoud te organiseren tussen de openings- en sluitingstags van het {{HTMLElement("body")}}-element. Deze elementen identificeren het doel en de structuur van die inhoud, wat belangrijk is voor {{Glossary("toegankelijkheid")}} en {{Glossary("SEO")}}.</p>

<p>{{HTMLRefTable("HTML Grouping Content")}}</p>

<h2 id="Inline_tekstsemantiek">Inline tekstsemantiek</h2>

<p>De inline tekstsemantiek kan worden gebruikt om de betekenis, structuur of stijl van een woord, regel of een willekeurig stuk te tekst te definiëren.</p>

<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>

<h2 id="Afbeeldingen_en_multimedia">Afbeeldingen en multimedia</h2>

<p>HTML ondersteund verschillende multimediabronnen, zoals afbeeldingen, audio en video.</p>

<p>{{HTMLRefTable("multimedia")}}</p>

<h2 id="Ingebedde_inhoud">Ingebedde inhoud</h2>

<p>HTML kan naast normale multimediainhoud ook verschillende andere soorten inhoud bevatten, zelfs als deze inhoud niet altijd even interactief is.</p>

<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>

<h2 id="Scripten">Scripten</h2>

<p>HTML ondersteunt het gebruik van scripttalen om dynamische inhoud en webapplicaties te maken, waarbij JavaScript de meest bekende is. Sommige elementen ondersteunen deze mogelijkheid.</p>

<p>{{HTMLRefTable("HTML Scripting")}}</p>

<h2 id="Bewerkingen_afbakenen">Bewerkingen afbakenen</h2>

<p>Deze elementen geven u de mogelijkheid om aan te geven dat bepaalde stukken van de tekst zijn aangepast.</p>

<p>{{HTMLRefTable("HTML Edits")}}</p>

<h2 id="Tabelinhoud">Tabelinhoud</h2>

<p>Deze elementen worden gebruikt om tabelgegevens te maken en verwerken.</p>

<p>{{HTMLRefTable("HTML tabular data")}}</p>

<h2 id="Formulieren">Formulieren</h2>

<p>HTML versterkt een aantal elementen dat kan samen kan worden gebruikt om formulieren te maken, die een gebruiker kan invullen en kan opsturen naar de website of applicatie. In de <a href="/nl/docs/Web/Guide/HTML/Forms">Gids voor HTML-formulieren</a> staat veel meer informatie over formulieren.</p>

<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>

<h2 id="Interactieve_elementen">Interactieve elementen</h2>

<p>HTML biedt een aantal elementen waarmee objecten voor een interactieve gebruikersomgeving kunnen worden gemaakt.</p>

<p>{{HTMLRefTable("HTML interactive elements")}}</p>

<h2 id="Web_Components">Web Components</h2>

<p>Web Components is een HTML-gerelateerde technologie, die het mogelijk maakt om aangepaste elementen te maken en gebruiken alsof het gewone HTML is. Daarnaast kunt u aangepaste versies maken van standaard HTML-elementen.</p>

<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>

<h2 id="Verouderde_en_afgeschafte_elementen">Verouderde en afgeschafte elementen</h2>

<div class="warning">
<p><strong>Waarschuwing:</strong> Dit zijn oude HTML-elementen die zijn afgeschaft zijn en niet horen te worden gebruikt. <strong>U moet ze nooit gebruiken in nieuwe projecten, en u moet ze zo snel mogelijk vervangen in oude projecten.</strong> Ze worden hier alleen genoemd voor informatiedoeleinden.</p>
</div>

<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>

<p> </p>