XHTML ou Langage de balisage hypertexte extensible est un mélange de HTML et XML, très similaire à HTML mais plus strict. C’est comme un livre de règles pour créer des pages Web que les navigateurs comprennent facilement. Contrairement au HTML, vous devez être prudent et suivre exactement les règles. La plupart des navigateurs le prennent en charge. Considérez-le simplement comme une manière plus précise d’écrire du code Web.
Table des matières
Histoire
Il a été développé par le World Wide Web Consortium (W3C) et aide les développeurs Web à passer du HTML au XML. Avec XHTML, les développeurs peuvent entrer dans le monde XML avec toutes ses fonctionnalités tout en garantissant la compatibilité ascendante et future du contenu. La famille XHTML comprend trois types de documents ; le premier est XHTML 1.0, recommandé par le W3C le 26 janvier 2000. Le second est XHTML 1.1, recommandé par le W3C le 31 mai 2001.
Le troisième est XHTML5, un standard utilisé pour développer une adaptation XML de la spécification HTML5. Un document XHTML doit avoir une déclaration XHTML.
nombre aléatoire en Java
Éléments de XHTML :
| Élément XHTML | Description |
> | Utilisé pour déclarer la définition de type de document (DTD), spécifiant les règles du langage de balisage, garantissant un rendu correct dans les navigateurs. |
> | Entoure l'intégralité du document HTML ou XHTML, servant d'élément racine. |
> | Contient des méta-informations sur le document, telles que le titre, le jeu de caractères, les feuilles de style liées et d'autres éléments essentiels. |
> | Imbriqué dans la section d'en-tête, spécifie le titre du document, affiché dans la barre de titre ou l'onglet du navigateur. |
> | Entoure le contenu de la page Web, y compris le texte, les images, les liens et autres éléments HTML. Il représente la partie visible du document affiché dans le navigateur. |
Lors de la création d'une page Web XHTML, il est nécessaire d'inclure une déclaration DTD (Document Type Definition). Il existe trois types de DTD qui sont décrits ci-dessous :
DTD de transition :
Il est pris en charge par les anciens navigateurs qui ne disposent pas de prise en charge intégrée des feuilles de style en cascade. Plusieurs attributs sont inclus dans la balise body et ne sont pas autorisés dans une DTD stricte.
Syntaxe:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
Exemple: Dans cet exemple nous verrons le code pour écrire un document XHTML avec un exemple.
HTML
xml version='1.0' encoding='UTF-8'?> Titre XHTML DTD transitionnel> tête> <body bgcolor='#dae1ed'> <div>font-weight: gras; texte-align: center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portail informatique<p style='text-align:center;font-size:20px;'>Possibilité de choisir le mois :<select name='month'> <option selected='selected'>Option janvier><option>Option février><option>Option mars><option>Option avril><option>Option mai><option>Option juin><option>Option juillet><option>Option Augusy><option>Option septembre><option>Option octobre><option>Option novembre><option>Option décembre> select> p> body> html>></code></td> </tr> </tbody> </table> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/difference-between-rj11">RJ12 contre RJ11</a>
</blockquote> <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>Sortir:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="transitionnel dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>DTD stricte :</strong> </b> <span> </span></h2> <p dir='ltr'><span>La DTD stricte est utilisée lorsque la page XHTML contient uniquement un langage de balisage. La DTD stricte est utilisée avec les feuilles de style en cascade, car cet attribut n'autorise pas la propriété CSS dans la balise body.</span></p> <h3> <b> <strong>Syntaxe:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Exemple 2 :</strong> </b> <span>Dans cet exemple nous verrons le code pour écrire un document XHTML avec un exemple de DTD stricte.</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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/numpy-pad-python">np rembourrage</a>
</blockquote> <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>Titre XHTML DTD strict> tête> <body> <div>font-weight: gras; texte-align: center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portail informatique<p style='text-align:center;font-size:20px;'>Possibilité de choisir le mois :<select name='month'> <option selected='selected'>Option janvier><option>Option février><option>Option mars><option>Option avril><option>Option mai><option>Option juin><option>Option juillet><option>Option Augusy><option>Option septembre><option>Option octobre><option>Option novembre><option>Option décembre> select> 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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">qui a fait l'école</a>
</blockquote> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Sortir:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="dtd strict xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>DTD du jeu de cadres :</strong> </b> <span> </span></h2> <p dir='ltr'><span>La DTD frameset est utilisée lorsque la page XHTML contient des frames. Cette DTD est identique à la DTD transitionnelle HTML 4.01, à l'exception du modèle de contenu de l'élément HTML.</span></p> <h3> <b> <strong>Syntaxe:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Exemple 2 :</strong> </b> <span>Dans cet exemple, nous verrons le code pour écrire un document XHTML avec un exemple de DTD frameset.</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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/comparison-between-es5">es5 contre es6</a>
</blockquote> <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 XHTMLtitre> tête><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />jeu de cadres><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />jeu de cadres><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />jeu de cadres> jeu de cadres> 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>Sortir:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="jeu de cadres dtd xhtml"> <b> <strong>Pourquoi utiliser XHTML ?</strong> </b> </h2> <ul> <li value='1'><span>Les documents XHTML sont validés avec des outils XML standards.</span></li> <li value='2'><span>Il est facile de maintenir, convertir, modifier un document à long terme.</span></li> <li value='3'><span>Il est utilisé pour définir le standard de qualité des pages Web.</span></li> <li value='4'><span>XHTML est un standard officiel du W3C, votre site Web devient plus compatible et plus précis avec de nombreux navigateurs.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Avantages du XHTML :</strong> </b> </h2> <ul> <li value='1'><span>Toutes les balises XHTML doivent avoir des balises de fermeture et sont correctement imbriquées. Cela génère un code plus propre.</span></li> <li value='2'><span>Les documents XHTML sont légers, ce qui signifie qu'ils utilisent moins de bande passante. Cela réduit les coûts, en particulier si votre site Web comporte des milliers de pages.</span></li> <li value='3'><span>Les documents XHTML sont bien formatés et peuvent facilement être transportés vers des appareils sans fil, des lecteurs braille et d'autres environnements Web spécialisés.</span></li> <li value='4'><span>Tous les nouveaux développements seront en XML (dont XHTML est une application).</span></li> <li value='5'><span>XHTML fonctionne en association avec CSS pour créer des pages Web qui peuvent facilement être mises à jour.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Différence entre HTML et 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 ou HyperText Markup Language est le principal langage de balisage pour la création de pages Web.</span></td> <td><span>XHTML (Extensible HyperText Markup Language) est une famille de langages de balisage XML qui reflètent ou étendent les versions du langage HTML (Hypertext Markup Language) largement utilisé.</span></td> </tr> <tr> <td><span>Cadre flexible nécessitant un analyseur spécifique au HTML indulgent</span></td> <td><span>Sous-ensemble restrictif de XML qui doit être analysé avec des analyseurs XML standard</span></td> </tr> <tr> <td><span>Proposé par Tim Berners-Lee en 1987</span></td> <td><span>Recommandation du Consortium World Wide Web en 2000.</span></td> </tr> <tr> <td><span>Application du langage de balisage standard généralisé (SGML).</span></td> <td><span>Application de XML</span></td> </tr> <tr> <td><span>Étendu à partir de SGML.</span></td> <td><span>Étendu à partir de 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="">Catégorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/python-tkinter/">Python-Tkinter</a> </li><li> <a href="/python-pil/">Pilule Python</a> </li><li> <a href="/robotics-tutorial/">Tutoriel De Robotique</a> </li><li> <a href="/java-new-features/">Nouvelles Fonctionnalités Java</a> </li><li> <a href="/cpp-algorithm-library/">Bibliothèque-D'algorithmes-Cpp</a> </li><li> <a href="/about-us/">À Propos De Nous</a> </li><li> <a href="/c-tutorial/">Tutoriel C</a> </li><li> <a href="/python-file-handling/">Gestion Des Fichiers Python</a> </li><li> <a href="/c-functions/">Fonctions C</a> </li><li> <a href="/linux-commands/">Commandes Linux</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Formule de profit</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> La formule du profit est utilisée pour calculer le profit en vendant les marchandises. Découvrez la formule de profit, la formule de pourcentage de profit, les exemples résolus et la FAQ dans cet article.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/profit-formula"> <i class="fa fa-external-link"></i> Lire La Suite</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Des Articles Intéressants</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/convert-cubic-inches-cubic-feet">Convertir des pouces cubes en pieds cubes (in³ en ft³)</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/method-overriding-java">Remplacement de méthode en Java</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-does-333-angel-number-means-life">Que signifie le nombre angélique 333 dans la vie, l'amour et la carrière ?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/time-space-complexity-analysis-binary-search-algorithm">Analyse de la complexité temporelle et spatiale de l'algorithme de recherche binaire</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/anime/">Anime</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">Articles Populaires</h2>
<div class="content">
<ul class="list"> <li><a href="/loops-java">boucles Java</a>
</li><li><a href="/what-is-star-topology">topologie en étoile</a>
</li><li><a href="/javascript-string-replace-method">js remplacement</a>
</li><li><a href="/selenium-tutorial">apprendre le sélénium</a>
</li><li><a href="/rename-folder-linux">comment renommer un répertoire sous Linux</a>
</li><li><a href="/java-applet">applet</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 Tous Les Droits Sont Réservés | <a href="//tr.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Clause De Non-Responsabilité</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">A Propos De Nous</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politique De Confidentialité</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>
|
