Chargement...

HTML XHTML

Auparavant, le SSE enseignait à ouvrir EventSource et recevoir un flux texte unidirectionnel du serveur — mises à jour live, pas l’histoire de la syntaxe. Cette leçon quitte les flux et ferme la piste historique optionnelle avec XHTML : HTML sous règles XML. Portée pratique — ce qui était plus strict, ce que HTML5 a changé, quelles habitudes aident — pas de schémas XML.

Pourquoi XHTML dans un cours HTML

Les débutants voient « XHTML Strict » et croient devoir tout réécrire. Non — HTML5 est la cible dominante. L’ancienne rigueur explique minuscules, guillemets et
. Après le push serveur, la division ici est règles et histoire du balisage, pas des API temps réel.

Réponse directe

1) XHTML = HTML en XML. 2) Habitudes classiques : minuscules, attributs quotés, vides explicites. 3) Moderne : HTML5 avec <!DOCTYPE html>. 4) Le balisage propre compte encore. 5) Nouveaux projets : motifs HTML5. 6) Traduire les conseils XHTML anciens en pratique HTML5.

📊 HTML5 vs classic XHTML habits

Topic HTML5 (this course) XHTML-style strictness
Doctype <!DOCTYPE html> Older XHTML DOCTYPE lines
Empty elements <br> / <img> fine Often <br /> / <img … />
Attribute quotes Strongly recommended Required in XHTML
Element case Lowercase by convention Lowercase required in XHTML
Error recovery Forgiving HTML parsers XML rules were stricter
This course depth Required (daily practice) History + habits to recognize
Not this lesson Full CSS layout course XML schemas / MIME product design

Minuscule contraste de balise vide

Même sens, deux styles. Les navigateurs acceptent les deux en HTML5 typique ; la barre signale du matériel d’ère XHTML.

Empty tag contrast HTML5 vs XHTML-looking

html 
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">

<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />

Lire le contraste

  • br et br / = saut de ligne en HTML5 quotidien
  • Le / était la syntaxe d’élément vide en écriture XHTML
  • Guillemets sur src/alt : bonne habitude HTML5, obligatoires en XHTML
  • Minuscules conviennent aux deux
  • Pas du SSE — pas d’EventSource
  • Ne changez pas le MIME juste pour br /
  • Gardez l’intro petite

Minuscule page bien formée

Court document aux habitudes des deux ères : doctype, charset, attributs quotés, éléments fermés. Restez sur le doctype HTML5.

Tiny well-formed HTML5 mini page

html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>

Lire la mini-page

  • <!DOCTYPE html> marque HTML5
  • lang, charset et guillemets sont durables
  • Fermez les éléments non void
  • alt = accessibilité
  • Sans lien avec le SSE
  • Mappez les habitudes des vieux tutoriels ; HTML5 pour le neuf
  • Suite souvent CSS

Choisir HTML5, habitudes XHTML ou vieux tutoriels

  • Nouvelle page du cours : HTML5 + habitudes propres
  • Livre XHTML Strict 2005 : traduire les règles ; garder HTML5
  • Voir br / : style ère XHTML
  • Push live serveur : c’était le SSE
  • Calcul hors-thread : c’étaient les Workers
  • Schémas XML / application/xhtml+xml : hors de cette intro

Pratique — comparer, garder HTML5, séparer les ères

  1. Lisez le contraste de balise vide.
  2. Survolez le tableau d’habitudes.
  3. Confirmez le doctype HTML5.
  4. Phrase : le SSE streame des événements ; XHTML est l’histoire du balisage.
  5. Phrase : les nouveaux projets débutants ciblent HTML5.
  6. Optionnel : nettoyer un snippet avec guillemets.
  7. Note : ferme la file de réécriture HTML.

Erreurs faciles

  • Forcer MIME/XML complets à l’aveugle
  • Prendre la tolérance HTML5 pour un permis de mauvais balisage
  • Mélanger les ères sans guide de style
  • Confondre avec le SSE
  • Croire que tout site doit être XHTML Strict
  • Copier un vieux doctype XHTML dans un nouveau projet
  • Penser que les guillemets sont « seulement pour XHTML »

Résumé

  • XHTML était HTML sous règles style XML plus strictes
  • HTML5 avec <!DOCTYPE html> est le défaut moderne
  • Minuscules, guillemets et balises claires aident encore
  • Traduisez les vieux tutoriels XHTML
  • Le SSE était du push live ; cette leçon est l’histoire du balisage
  • La file de réécriture HTML se termine ici — la suite est souvent CSS

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓
5
Questions
🎯
70%
Pour Réussir
♾️
∞
Temps
🔄
∞
Tentatives

📝 Instructions

  • Lisez chaque question attentivement
  • Sélectionnez la meilleure réponse pour chaque question
  • Vous pouvez refaire le quiz autant de fois que vous le souhaitez
  • Votre progression sera affichée en haut
Sujet 68 de 68
Html Tutoriel