{"id":69179,"date":"2024-06-14T07:00:00","date_gmt":"2024-06-14T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=69179"},"modified":"2025-05-26T09:13:18","modified_gmt":"2025-05-26T16:13:18","slug":"html5-semantische-elementen-uitgelegd-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/","title":{"rendered":"HTML5 Semantische Elementen Uitgelegd"},"content":{"rendered":"\n<p>Websters woordenboek definieert het woord &#8220;<a href=\"https:\/\/www.merriam-webster.com\/dictionary\/cool\" target=\"_blank\" rel=\"noreferrer noopener\">cool<\/a>&#8221; als &#8220;matig koud: zonder warmte,&#8221; of &#8220;zonder hartelijkheid of vriendelijkheid.&#8221;<\/p>\n\n\n<p>Hoewel, als je praat over wat een woord betekent, kun je op verschillende antwoorden stuiten voor verschillende tijden, plaatsen en contexten. In de jaren 80 betekende &#8220;cool&#8221; hip of stijlvol &#8211; totaal tubulair. In een wetenschappelijk laboratorium verwijst &#8220;cool&#8221; waarschijnlijk eerder naar iets dat een lagere temperatuur heeft. En voor de kinderen van vandaag (of volwassen kinderen) kan &#8220;cool&#8221; gewoon &#8220;prima&#8221; of &#8220;wat dan ook, dude&#8221; betekenen.<\/p>\n\n\n<p>In <em>andere<\/em> woorden, het <em>zelfde<\/em> woord kan verschillende betekenissen hebben afhankelijk van de context waarin het gebruikt wordt. Dit is de essentie van semantiek: hoe woorden, symbolen en zinnen in verschillende situaties verschillende betekenissen overbrengen.<\/p>\n\n\n<p>Dus, wat heeft dat te maken met webontwikkeling en <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>? Nou, machines kunnen de menselijke taal niet begrijpen, vooral niet met al zijn emotionele nuances, en dat is precies waarom we in de eerste plaats HTML gebruiken. Beschouw het als een manier om menselijke taal te vertalen naar iets dat computers kunnen begrijpen. En semantische HTML? Dat is een manier om <em>nog<\/em> meer betekenis over te brengen. In HTML is semantiek de manier waarop je tags gebruikt die duidelijker het doel en het type inhoud dat ze bevatten beschrijven.<\/p>\n\n\n<p>Semantische HTML5-elementen kunnen je helpen webpagina&#8217;s te maken die gemakkelijk te navigeren, te begrijpen en te onderhouden zijn. In dit artikel gaan we ontdekken wat HTML5 is, geven we voorbeelden van semantische HTML5-tags die je kunt gebruiken, en bespreken we het belang en de voordelen van het integreren van semantische HTML5 in je site.<\/p>\n\n\n<p>Laten we beginnen!<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-what-is-html5\" class=\"wp-block-heading\">Wat Is HTML5?<\/h2>\n\n\n<p>HTML5 is de nieuwste versie van de Hypertext Markup Language, die de standaardtaal is voor het cre\u00ebren en <a href=\"https:\/\/www.dreamhost.com\/blog\/web-design-dos-and-donts\/\" target=\"_blank\" rel=\"noreferrer noopener\">ontwerpen van webpagina&#8217;s<\/a>.<\/p>\n\n\n<p>HTML5 is ge\u00efntroduceerd om de taal te verbeteren met ondersteuning voor de nieuwste multimedia: denk aan dingen zoals augmented en virtual reality en complexe, interactieve video-elementen. Dit alles terwijl het gemakkelijk leesbaar blijft voor mensen en consequent begrepen wordt door computers en andere apparaten.<\/p>\n\n\n<p>HTML5 introduceert nieuwe elementen, attributen en gedragingen, en biedt daarmee meer flexibiliteit en functionaliteit voor het cre\u00ebren van de <a href=\"https:\/\/www.dreamhost.com\/blog\/hosting-an-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">moderne webapplicaties<\/a> die we vandaag de dag gebruiken.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1120\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-scaled.webp\" alt=\"Een zij-aan-zij vergelijking van HTML5 versus Semantische HTML5 met slechts 2 elementen onder de eerste, en 3 onder de laatste.\" class=\"wp-image-47246 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-300x131.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1024x448.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-768x336.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1536x672.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-2048x896.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-600x263.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1200x525.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-730x319.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1460x639.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-784x343.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1568x686.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-877x384.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_html_5_vs_semantic_html5-1754x767.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1120;\" \/><\/figure>\n\n\n<h2 id=\"h2_what-is-semantic-html5\" class=\"wp-block-heading\">Wat Is Semantische HTML5?<\/h2>\n\n\n<p>Semantische HTML5 verwijst naar het gebruik van HTML5-elementen die de betekenis van de inhoud die ze bevatten overbrengen. In tegenstelling tot generieke tags zoals <strong><code>&lt;div&gt;<\/code><\/strong> en <strong><code>&lt;span&gt;<\/code><\/strong>, die niets aangeven over hun inhoud, bieden semantische tags zoals <strong><code>&lt;article&gt;<\/code><\/strong>, <strong><code>&lt;section&gt;<\/code><\/strong>, en <strong><code>&lt;header&gt;<\/code><\/strong> een meer betekenisvolle context, die zowel aan menselijke ontwikkelaars als apparaten (zoals zoekmachinecrawlers, browsers en ondersteunende technologie\u00ebn) exact aangeeft wat voor soort inhoud erin zit.<\/p>\n\n\n<p>Dit maakt de <a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/4408351921428-Using-HTML-in-Webmail\" target=\"_blank\" rel=\"noreferrer noopener\">HTML-code<\/a> over het algemeen begrijpelijker en leesbaarder.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Semantische Opmaak<\/h3>\n    <p>Semantische opmaak is een proces van het structureren van HTML om de betekenis van de inhoud te benadrukken, in plaats van het uiterlijk. Dit maakt het makkelijker voor zoekmachines en echte gebruikers om de inhoud te begrijpen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/semantic-markup\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Waarom Hebben Websites Semantische HTML5 Tags Nodig?<\/h3>\n\n\n<p>Voor sommigen is het zelfs ter discussie of semantische HTML5-tags nodig zijn, maar wij vinden ze behoorlijk handig.<\/p>\n\n\n<p>Laten we eens kijken hoe.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Webtoegankelijkheid<\/h4>\n\n\n<p>Semantische HTML-tags spelen een cruciale rol bij het <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-wordpress-blog-accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">toegankelijk maken van websites<\/a> voor <em>alle<\/em> gebruikers, vooral die met een beperking. Assistentietechnologie\u00ebn, zoals schermlezers, zijn afhankelijk van semantische tags om webpagina&#8217;s te interpreteren en te navigeren. Door tags te gebruiken die jouw inhoud beschrijven, help je gebruikers om jouw site gemakkelijk te begrijpen en ermee te interacteren, ongeacht hun vaardigheden.<\/p>\n\n\n<h4 class=\"wp-block-heading\">SEO<\/h4>\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/alternative-search-engines\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zoekmachines<\/a> gebruiken webcrawlers om webpagina&#8217;s te indexeren. Semantische HTML5 helpt hen de inhoud en context van een pagina beter te begrijpen, wat vaak betekent dat ze je pagina&#8217;s sneller en nauwkeuriger kunnen crawlen en indexeren. Dit kan <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">de zoekmachineranking van je site verbeteren<\/a>, waardoor het makkelijker wordt voor gebruikers om je inhoud te vinden en resulterend in meer organisch verkeer.<\/p>\n\n\n<p>Semantische tags bieden ook een duidelijke structuur en betekenis aan je pagina&#8217;s, wat ook rankingfactoren kunnen zijn die de SEO-prestaties van je site helpen verbeteren.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Je Site Toekomstbestendig Maken<\/h4>\n\n\n<p>Het gebruik van semantische HTML5 helpt om je website toekomstbestendig te maken. Naarmate webstandaarden zich ontwikkelen, is het waarschijnlijker dat semantische elementen worden ondersteund en bijgewerkt dan niet-semantische. Dit vergroot de kans dat je site functioneel en relevant blijft over tijd, en vermindert de kans dat er in de toekomst uitgebreide herschrijvingen of <a href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">herontwerpen<\/a> nodig zijn.<\/p>\n\n\n<h2 id=\"h2_examples-of-semantic-html5\" class=\"wp-block-heading\">Voorbeelden Van Semantische HTML5<\/h2>\n\n\n<p>In de onderstaande tabel vind je enkele veelvoorkomende voorbeelden van tags die worden gebruikt in semantische HTML5:<\/p>\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Tag<\/strong><\/td><td><strong>Definitie<\/strong><\/td><td><strong>Gebruikt Voor<\/strong><\/td><\/tr><tr><td><strong><code>&lt;article&gt;<\/code><\/strong><\/td><td>Definieert een stuk zelfstandige inhoud.<\/td><td>Inhoudselementen zoals digitale krantenartikelen, blogposts, nieuwsberichten en andere inhoudsstukken.<\/td><\/tr><tr><td><strong><code>&lt;header&gt;<\/code><\/strong><\/td><td>Definieert een koptekst voor een document of sectie.<\/td><td>Koptekstelementen, logo&#8217;s, slogans, navigatielinks, enz.<\/td><\/tr><tr><td><strong><code>&lt;footer&gt;<\/code><\/strong><\/td><td>Definieert een voettekst voor een document of sectie.<\/td><td>Auteursrechtinformatie, contactgegevens, navigatielinks, gebruikerscommentaren, enz.<\/td><\/tr><tr><td><strong><code>&lt;nav&gt;<\/code><\/strong><\/td><td>Definieert blokken van navigatielinks.<\/td><td>Grote blokken links zoals navigatiemenu&#8217;s, navigatiebalken, inhoudsopgaven en soortgelijke navigatie-elementen.<\/td><\/tr><tr><td><strong><code>&lt;aside&gt;<\/code><\/strong><\/td><td>Definieert inhoud buiten het hoofdgedeelte van de pagina.<\/td><td>Zijbalken.<\/td><\/tr><tr><td><strong><code>&lt;details&gt;<\/code><\/strong><\/td><td>Definieert aanvullende inhoud die sitebezoekers naar behoefte kunnen openen en verbergen.<\/td><td>Uitbreidbare secties voor aanvullende details.<\/td><\/tr><tr><td><strong><code>&lt;figure&gt;<\/code><\/strong><\/td><td>Definieert een stuk zelfstandige visuele inhoud.<\/td><td>Foto&#8217;s, illustraties, diagrammen en andere visuele componenten.<\/td><\/tr><tr><td><strong><code>&lt;table&gt;<\/code><\/strong><\/td><td>Definieert gegevens georganiseerd in tabelvorm.<\/td><td>Alle inhoudselementen die items in een tabel weergeven.<\/td><\/tr><tr><td><strong><code>&lt;main&gt;<\/code><\/strong><\/td><td>Definieert de hoofdinhoud op de pagina.<\/td><td>Blogberichten, artikelinhoud, landingspagina&#8217;s, enz. Wat dan ook de centrale inhoud voor een bepaalde webpagina kan zijn.<\/td><\/tr><tr><td><strong><code>&lt;hgroup&gt;<\/code><\/strong><\/td><td>Definieert HTML-kopteksten. Wordt doorgaans weergegeven als <strong><code>&lt;h1&gt;<\/code><\/strong>, <strong><code>&lt;h2&gt;<\/code><\/strong>, <strong><code>&lt;h3&gt;<\/code><\/strong>, <strong><code>&lt;h4&gt;<\/code><\/strong>, <strong><code>&lt;h5&gt;<\/code><\/strong>, en <strong><code>&lt;h6&gt;<\/code><\/strong><\/td><td>Sectiekoppen: <strong><code>&lt;h1&gt;<\/code><\/strong> is het hoogste koptekstniveau (voor inhoudstitels) terwijl <strong><code>&lt;h6&gt;<\/code><\/strong> het laagste is (voor subkoppen).<\/td><\/tr><tr><td><strong><code>&lt;section&gt;<\/code><\/strong><\/td><td>Definieert een sectie in een document.<\/td><td>Sectie-elementen worden doorgaans gebruikt wanneer het inhoudsblok niet specifiek onder een ander type tag valt.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<h2 id=\"h2_how-semantic-html5-tags-structure-content\" class=\"wp-block-heading\">Hoe Semantische HTML5 Tags Inhoud Structureren<\/h2>\n\n\n<p>Semantische HTML5-tags bieden een duidelijke en logische structuur aan webinhoud. Bijvoorbeeld, een typische artikelpagina kan een <strong><code>&lt;header&gt;<\/code><\/strong> met een titel, een <strong><code>&lt;nav&gt;<\/code><\/strong> met links naar andere delen van de site, een <strong><code>&lt;section&gt;<\/code><\/strong> of <strong><code>&lt;article&gt;<\/code><\/strong> met de hoofdinhoud, en een <strong><code>&lt;footer&gt;<\/code><\/strong> met contactinformatie en links naar gerelateerde artikelen bevatten. Deze structuur maakt het gemakkelijker voor gebruikers en zoekmachines om te navigeren en de inhoud te begrijpen.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_semantic_html5_tags_structure_content-scaled.webp\" alt=\"Infographic die toont hoe semantische HTML5-tags inhoud structureren, beginnend met &lt;header&gt; bovenaan, en &lt;footer&gt;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n<h2 id=\"h2_semantic-html5-tips-and-best-practices\" class=\"wp-block-heading\">Semantische HTML5 Tips En Beste Praktijken<\/h2>\n\n\n<p>Het cre\u00ebren van goed gestructureerde, toegankelijke en effici\u00ebnte webpagina&#8217;s met semantische HTML5 is een onderdeel van <a href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\" target=\"_blank\" rel=\"noreferrer noopener\">moderne webontwikkeling<\/a> dat nog lang niet zal verdwijnen.<\/p>\n\n\n<p>Deze tips en beste praktijken helpen je om semantische HTML5 effectief te gebruiken:<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. Gebruik De Juiste Tags<\/h3>\n\n\n<p>Een goede structuur voor je inhoud begint met het kiezen van de juiste semantische tags.<\/p>\n\n\n<p>Overweeg het doel van elk onderdeel van je inhoud en gebruik de tags die dat doel nauwkeurig vertegenwoordigen. Gebruik bijvoorbeeld <strong><code>&lt;header&gt;<\/code><\/strong> voor inleidende inhoud, <strong><code>&lt;article&gt;<\/code><\/strong> voor zelfstandige stukken inhoud, en <strong><code>&lt;footer&gt;<\/code><\/strong> voor de voettekst van een document of sectie.<\/p>\n\n\n<p><strong>Waarom dit belangrijk is: <\/strong>Het gebruik van de juiste semantische tags verbetert de leesbaarheid voor zowel mensen als technologie\u00ebn, waardoor je website <a href=\"https:\/\/www.dreamhost.com\/blog\/great-web-accessibility-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">toegankelijker<\/a> en makkelijker te navigeren wordt.<\/p>\n\n\n<h3 class=\"wp-block-heading\">2. Vermijd te veel nesten<\/h3>\n\n\n<p>Houd je HTML-structuur eenvoudig door het onnodig nesten van elementen te vermijden. Vermijd bijvoorbeeld het omwikkelen van meerdere <strong><code>&lt;div&gt;<\/code><\/strong> elementen rond een enkel stukje inhoud.<\/p>\n\n\n<p><strong>Waarom Dit Belangrijk Is: <\/strong>Te veel nestelen kan je HTML-code moeilijk leesbaar en onderhoudbaar maken. Het kan ook een negatieve invloed hebben op de prestaties en toegankelijkheid van je site.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"2270\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-scaled.webp\" alt=\"Vergelijking naast elkaar van te diep geneste HTML-elementen in een drukke structuur versus de juiste met een beheersbare structuur.\" class=\"wp-image-47251 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-300x266.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1024x908.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-768x681.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1536x1362.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-2048x1816.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-600x532.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1200x1064.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-730x647.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1460x1295.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-784x695.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1568x1391.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-877x778.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_over_nested_element-1754x1556.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/2270;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">3. Wees Consistent Over Je Hele Site<\/h3>\n\n\n<p>Gebruik semantische tags consequent op je website. Als je bijvoorbeeld besluit om <strong><code>&lt;article&gt;<\/code><\/strong> te gebruiken voor blogberichten, zorg er dan voor dat alle blogberichten deze tag gebruiken.<\/p>\n\n\n<p><strong>Waarom dit belangrijk is: <\/strong>Dit geeft je site een samenhangende structuur, waardoor het makkelijker wordt voor andere mensen en technologische lezers om de code te begrijpen. Dit vermindert ook de last van het onderhouden van je site op de lange termijn.<\/p>\n\n\n<h3 class=\"wp-block-heading\">4. Neem Toegankelijkheidsbest Practices Over<\/h3>\n\n\n<p>Semantische HTML5 helpt zeker om <a href=\"https:\/\/www.dreamhost.com\/legal\/accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">je site toegankelijker te maken<\/a>, maar er is meer dat je kunt doen. ARIA-rollen (Accessible Rich Internet Applications) kunnen bijvoorbeeld de toegankelijkheid verbeteren, maar ze moeten spaarzaam en alleen indien noodzakelijk gebruikt worden. Geef in plaats daarvan de voorkeur aan standaard HTML5-elementen die van nature toegankelijkheid ondersteunen.<\/p>\n\n\n<p>Je moet ook beschrijvende tekst gebruiken voor al je inhoud. Geef bijvoorbeeld betekenisvolle alt-tekst voor afbeeldingen en beschrijvende linktekst.<\/p>\n\n\n<p>Gebruik regelmatig toegankelijkheidstesttools om te controleren of je website bruikbaar is voor mensen met een beperking. Tools zoals <a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WAVE<\/a>, <a href=\"https:\/\/www.deque.com\/axe\/\" target=\"_blank\" rel=\"noreferrer noopener\">AXE<\/a>, en <a href=\"https:\/\/chromewebstore.google.com\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">Lighthouse<\/a> kunnen helpen bij het identificeren van toegankelijkheidsproblemen.<\/p>\n\n\n<p><strong>Waarom Dit Belangrijk Is: <\/strong>We hebben allemaal een gedeelde verantwoordelijkheid om <a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/217068087-Making-stats-accessible-with-an-htaccess-file\" target=\"_blank\" rel=\"noreferrer noopener\">ervoor te zorgen dat het web toegankelijk is<\/a> voor <em>iedereen<\/em>. Toegankelijke websites bieden een betere gebruikerservaring, vooral voor mensen met een beperking.<\/p>\n\n\n<h2 id=\"h2_build-your-semantically-structured-accessible-website-with-dreamhost\" class=\"wp-block-heading\">Bouw Jouw Semantisch Gestuctureerde, Toegankelijke Website Met DreamHost<\/h2>\n\n\n<p>Semantische HTML5 kan alleen echt de gebruikerservaring verbeteren of de SEO-prestaties en levensduur van je site verhogen als je het host bij een betrouwbare en professionele hostingprovider.<\/p>\n\n\n<p>DreamHost biedt <a href=\"https:\/\/www.dreamhost.com\/hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">beheerde hosting-oplossingen<\/a> die je kunnen helpen jouw website tot leven te brengen. Met DreamHost krijg je:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Betrouwbaarheid: <\/strong>Houd je site actief met uptime-garantie.<\/li>\n\n\n\n<li><strong>Schaalbaarheid: <\/strong>Schaal je bronnen gemakkelijk op naarmate je website groeit.<\/li>\n\n\n\n<li><strong>Beveiliging: <\/strong>Profiteer van geavanceerde beveiligingsfuncties om je site veilig te houden.<\/li>\n\n\n\n<li><strong>Klantondersteuning: <\/strong>Krijg toegang tot 24\/7 deskundige ondersteuning voor eventuele problemen die je tegenkomt.<\/li>\n\n\n<\/ul>\n\n\n<p>Heb je geen beheerde site nodig? DreamHost <a href=\"https:\/\/www.dreamhost.com\/hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shared Hosting<\/a> biedt dezelfde gegarandeerde uptime, met plannen vanaf slechts $2.59 per maand!<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>Navigeer Moeiteloos Door HTML5 Semantische Elementen Met Onze Gids. Leer Wat Ze Zijn En Hoe Je Ze Kunt Gebruiken Om De Structuur En Toegankelijkheid Van Je Site Te Verbeteren.<\/p>\n","protected":false},"author":1058,"featured_media":47237,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.","toc_headlines":"[[\"h-what-is-html5\",\"Wat Is HTML5?\"],[\"h2_what-is-semantic-html5\",\"Wat Is Semantische HTML5?\"],[\"h2_examples-of-semantic-html5\",\"Voorbeelden Van Semantische HTML5\"],[\"h2_how-semantic-html5-tags-structure-content\",\"Hoe Semantische HTML5 Tags Inhoud Structureren\"],[\"h2_semantic-html5-tips-and-best-practices\",\"Semantische HTML5 Tips En Beste Praktijken\"],[\"h2_build-your-semantically-structured-accessible-website-with-dreamhost\",\"Bouw Jouw Semantisch Gestuctureerde, Toegankelijke Website Met DreamHost\"]]","hide_toc":false,"footnotes":""},"categories":[14942],"tags":[],"class_list":["post-69179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML5 Semantische Elementen Uitgelegd - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Semantische Elementen Uitgelegd\" \/>\n<meta property=\"og:description\" content=\"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-14T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:13:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML5 Semantische Elementen Uitgelegd - DreamHost Blog","description":"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Semantische Elementen Uitgelegd","og_description":"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-06-14T14:00:00+00:00","article_modified_time":"2025-05-26T16:13:18+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"HTML5 Semantische Elementen Uitgelegd","datePublished":"2024-06-14T14:00:00+00:00","dateModified":"2025-05-26T16:13:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/"},"wordCount":1463,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp","articleSection":["Websiteontwerp"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/","name":"HTML5 Semantische Elementen Uitgelegd - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp","datePublished":"2024-06-14T14:00:00+00:00","dateModified":"2025-05-26T16:13:18+00:00","description":"Navigeer moeiteloos door HTML5-semantische elementen met onze gids. Leer wat ze zijn en hoe je ze kunt gebruiken om de structuur en toegankelijkheid van je site te verbeteren.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/1460_x_1095_blog_hero_semantic_elements_in_html5.webp","width":1460,"height":1095,"caption":"HTML5 Semantic Elements Explained"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/html5-semantische-elementen-uitgelegd-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML5 Semantische Elementen Uitgelegd"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"nl","translations":{"nl":69179,"es":47255,"en":47236,"de":51219,"pt":53044,"pl":53047,"uk":53053,"ru":53081,"it":67793,"fr":69183},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=69179"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69179\/revisions"}],"predecessor-version":[{"id":69182,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69179\/revisions\/69182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/47237"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=69179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=69179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=69179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}