XHTML- of UITBREIDBARE HyperText-opmaaktaal is een mix van HTML en XML, zeer vergelijkbaar met HTML maar strenger. Het is als een regelboek voor het maken van webpagina’s die browsers gemakkelijk begrijpen. In tegenstelling tot HTML moet je voorzichtig zijn en de regels nauwkeurig volgen. De meeste browsers ondersteunen het. Zie het maar als een preciezere manier om webcode te schrijven.
Inhoudsopgave
Geschiedenis
Het is ontwikkeld door het World Wide Web Consortium (W3C) en helpt webontwikkelaars bij de overstap van HTML naar XML. Met XHTML kunnen ontwikkelaars de XML-wereld met al zijn mogelijkheden betreden, terwijl ze toch achterwaartse en toekomstige compatibiliteit van de inhoud garanderen. De XHTML-familie omvat drie documenttypen; de eerste is XHTML 1.0, aanbevolen door W3C op 26 januari 2000. De tweede is XHTML 1.1, aanbevolen door W3C op 31 mei 2001.
sorteer java samen
De derde is XHTML5, een standaard die wordt gebruikt voor het ontwikkelen van een XML-aanpassing van de HTML5-specificatie. Een XHTML-document moet een XHTML-declaratie hebben.
Elementen van XHTML:
| XHTML-element | Beschrijving |
> | Wordt gebruikt om de Document Type Definition (DTD) te declareren, waarbij de regels voor de opmaaktaal worden gespecificeerd, waardoor een goede weergave in browsers wordt gegarandeerd. |
> | Omsluit het volledige HTML- of XHTML-document en dient als hoofdelement. |
> | Bevat meta-informatie over het document, zoals de titel, tekenset, gekoppelde stylesheets en andere essentiële elementen. |
> | Genest in de hoofdsectie, specificeert de titel van het document, weergegeven in de titelbalk of het tabblad van de browser. |
> | Omvat de inhoud van de webpagina, inclusief tekst, afbeeldingen, links en andere HTML-elementen. Het vertegenwoordigt het zichtbare deel van het document dat in de browser wordt weergegeven. |
Bij het maken van een XHTML-webpagina is het noodzakelijk om een DTD-declaratie (Document Type Definition) op te nemen. Er zijn drie soorten DTD die hieronder worden besproken:
Overgangs-DTD:
Het wordt ondersteund door de oudere browsers die geen ingebouwde ondersteuning voor trapsgewijze stijlbladen hebben. Er zijn verschillende attributen ingesloten in de body-tag die niet zijn toegestaan in strikte DTD.
Syntaxis:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
Voorbeeld: In dit voorbeeld zien we de code voor het schrijven van een XHTML-document met een voorbeeld.
html
xml version='1.0' encoding='UTF-8'?> Transitionele DTD XHTMLtitel> hoofd> <body bgcolor='#dae1ed'> <div>lettertype-gewicht:vet;tekst-uitlijnen:gecentreerd; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Een informaticaportaal<p style='text-align:center;font-size:20px;'>Optie om maand te kiezen:<select name='month'> <option selected='selected'>Januarioptie><option>Februarioptie><option>Maartoptie><option>Apriloptie><option>Mayoptie><option>Junioptie><option>Julioptie><option>Augusyoptie><option>September optie><option>Oktoberoptie><option>Novemberoptie><option>Decemberoptie> selecteren> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Uitgang:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="transitionele dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Strikte DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Strikte DTD wordt gebruikt wanneer de XHTML-pagina alleen opmaaktaal bevat. Strikte DTD wordt gebruikt in combinatie met trapsgewijze stijlbladen, omdat dit attribuut geen CSS-eigenschap in de body-tag toestaat.</span></p> <h3> <b> <strong>Syntaxis:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Voorbeeld 2:</strong> </b> <span>In dit voorbeeld zien we de code voor het schrijven van een XHTML-document met een voorbeeld voor strikte DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/c-strings">stringverwerking in c++</a>
</blockquote> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Strikte DTD XHTMLtitel> hoofd> <body> <div>lettertype-gewicht:vet;tekst-uitlijnen:gecentreerd; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Een informaticaportaal<p style='text-align:center;font-size:20px;'>Optie om maand te kiezen:<select name='month'> <option selected='selected'>Januarioptie><option>Februarioptie><option>Maartoptie><option>Apriloptie><option>Mayoptie><option>Junioptie><option>Julioptie><option>Augusyoptie><option>September optie><option>Oktoberoptie><option>Novemberoptie><option>Decemberoptie> selecteren> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Uitgang:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="strikte dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset-DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>De frameset DTD wordt gebruikt wanneer de XHTML-pagina frames bevat. Deze DTD is identiek aan de HTML 4.01 Transitional DTD, behalve het inhoudsmodel van het HTML-element.</span></p> <h3> <b> <strong>Syntaxis:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Voorbeeld 2:</strong> </b> <span>In dit voorbeeld zien we de code voor het schrijven van een XHTML-document met een voorbeeld voor frameset DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd '><html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Frameset DTD XHTMLtitel> kop><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />frameset><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />frameset><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />frameset> frameset> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/latex-table">latex tafel</a>
</blockquote> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Uitgang:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="frameset dtdxhtml"> <b> <strong>Waarom XHTML gebruiken?</strong> </b> </h2> <ul> <li value='1'><span>XHTML-documenten worden gevalideerd met standaard XML-tools.</span></li> <li value='2'><span>Het is gemakkelijk om op de lange termijn een document te onderhouden, converteren en bewerken.</span></li> <li value='3'><span>Het wordt gebruikt om de kwaliteitsnorm van webpagina's te definiëren.</span></li> <li value='4'><span>XHTML is een officiële standaard van het W3C, uw website wordt compatibeler en nauwkeuriger met veel browsers.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Voordelen van XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Alle XHTML-tags moeten afsluitende tags hebben en zijn correct genest. Dit genereert schonere code.</span></li> <li value='2'><span>XHTML-documenten zijn lean, wat betekent dat ze minder bandbreedte gebruiken. Dit verlaagt de kosten, vooral als uw website duizenden pagina's heeft.</span></li> <li value='3'><span>XHTML-documenten zijn goed opgemaakt en kunnen gemakkelijk worden getransporteerd naar draadloze apparaten, braillelezers en andere gespecialiseerde webomgevingen.</span></li> <li value='4'><span>Alle nieuwe ontwikkelingen zullen plaatsvinden in XML (waarvan XHTML een applicatie is).</span></li> <li value='5'><span>XHTML werkt samen met CSS om webpagina's te maken die gemakkelijk kunnen worden bijgewerkt.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Verschil tussen HTML en XHTML:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>XHTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML of HyperText Markup Language is de belangrijkste opmaaktaal voor het maken van webpagina's</span></td> <td><span>XHTML (Extensible HyperText Markup Language) is een familie van XML-opmaaktalen die versies van de veelgebruikte Hypertext Markup Language (HTML) spiegelen of uitbreiden.</span></td> </tr> <tr> <td><span>Flexibel raamwerk dat een soepele HTML-specifieke parser vereist</span></td> <td><span>Beperkende subset van XML die moet worden geparseerd met standaard XML-parsers</span></td> </tr> <tr> <td><span>Voorgesteld door Tim Berners-Lee in 1987</span></td> <td><span>Aanbeveling van het World Wide Web Consortium in 2000.</span></td> </tr> <tr> <td><span>Toepassing van standaard gegeneraliseerde opmaaktaal (SGML).</span></td> <td><span>Toepassing van XML</span></td> </tr> <tr> <td><span>Uitgebreid van SGML.</span></td> <td><span>Uitgebreid van XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Categorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/cpp-map/">Cpp-Kaart</a> </li><li> <a href="/chemistry-class-10-cat/">Scheikunde-Klasse-10</a> </li><li> <a href="/java-calendar-class/">Java-Kalenderklasse</a> </li><li> <a href="/python-time-module/">Python-Tijdmodule</a> </li><li> <a href="/cpp-array-string/">Cpp-Array En String</a> </li><li> <a href="/python/">Python</a> </li><li> <a href="/news/">Nieuws</a> </li><li> <a href="/cpp-file-handling/">Cpp-Bestandsafhandeling</a> </li><li> <a href="/algorithms-analysis-algorithms/">Algoritmen-Analyse Van Algoritmen</a> </li><li> <a href="/linux-system-admin/">Linux Systeembeheerder</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Hoe u een geblokkeerd nummer kunt zien en deblokkeren op Android</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Hoe u een geblokkeerd nummer kunt zien en deblokkeren op Android met voorbeelden van activiteit en intentie, fragmenten, menu, service, alarmmanager, sqlite, xml, json, multimedia, spraak, webservice, animatie en afbeeldingen</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/how-see-blocked-number"> <i class="fa fa-external-link"></i> Lees Verder</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Interessante Artikelen</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/java-system-class/">Java-Systeemklasse</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/paris-hilton-net-worth-2024-net-worth-inr">Paris Hilton Net Worth 2024 (Nettowaarde in INR en Perfume Empire)</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/convert-cubic-feet-cubic-inch">Converteer kubieke voet naar kubieke inch</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-study-sat-subject-tests-131672">Hoe te studeren voor SAT-onderwerptests: 5 tips van experts</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/computer-network/">Computer Netwerk</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Populaire Berichten</h2>
<div class="content">
<ul class="list"> <li><a href="/java-string-length">koord van lengte</a>
</li><li><a href="/how-convert-string-json-object-java">converteer tekenreeks naar jsonobject Java</a>
</li><li><a href="/latex-partial-derivative">gedeeltelijk afgeleide latex</a>
</li><li><a href="/java-tutorial">Java-tutorial</a>
</li><li><a href="/bash-check-if-variable-is-set">bash controleert of de omgevingsvariabele is ingesteld</a>
</li><li><a href="/partial-dependency-dbms">gedeeltelijke afhankelijkheid</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Alle Rechten Voorbehouden | <a href="//ja.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Vrijwaring</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Wie Zijn Wij?</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privacybeleid</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>
|
