mozilla

Revision 411165 of HTML (HyperText Markup Language)

  • Raccourci de la révision : Web/HTML
  • Titre de la révision : HTML
  • ID de la révision : 411165
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

HyperText Markup Language (HTML), ou langage de balisage hypertexte, est le langage à la base de presque tout contenu Web. La majorité de ce que vous voyez dans votre navigateur est décrit en utilisant HTML. Plus précisément, HTML est le langage qui décrit la structure et la sémantique du contenu d'un document Web. Le contenu au sein d'un document Web est balisé par des éléments HTML comme {{ HTMLElement("img") }}, {{ HTMLElement("title") }}, {{ HTMLElement("p") }}, {{ HTMLElement("div") }}, et ainsi de suite.

HTML est un standard internationnal dont la spécification est maintenue par le World Wide Web Consortium et le WHATWG. Il est considéré comme un "standard vivant" et est techniquement toujours en évolution. La version toujours-à-jour de la spécification HTML est appelé HTML5.

HTML5 ne décrit pas le style et la mise en forme du contenu, mais seulement le contenu lui-même et son sens. Le style et la mise en page sont définis et contrôlés par les Cascading Style Sheets (CSS).

Ces articles vous fournissent des références qui vous aideront dans vos développements Web.

Documentation à propos de HTML

Introduction à HTML
Cette page apporte les informations de base sur la syntaxe et la sémantique d'une page HTML.
Référence des éléments HTML
Le détail de chacun des éléments et leur support par différents navigateurs.
Liste des attributs HTML
Une liste de tous les attributs et les éléments auxquels ils sont associés.
HTML5
Découvrez les nouvelles API et les éléments HTML5 et leur support.
Dessiner avec canvas
Un nouvel élément HTML pour dessiner programmatiquement. La balise <canvas> peut servir au rendu de graphes, d'éléments d'interface utilisateur et d'autres dessins personnalisés chez le client.
De l'importance des commentaires corrects en HTML
Lorsque vous réalisez du HTML en mode de respect des standards, des commentaires incorrectement formés peuvent casser vos pages, entraînant la disparition d'une partie de votre contenu. En XHTML ou XML, des commentaires incorrects peuvent même empêcher totalement l'affichage de vos documents.
Astuces de création de pages HTML à affichage rapide
Une page web optimisée ne rend pas seulement votre site plus réactif pour vos visiteurs, mais réduit également la charge des connexions sur votre serveur web et sur votre connexion internet.
Extensions de HTML
Balises HTML reconnues mais non définies dans le standard.

Tous les articles…

Obtenir de l'aide de la communauté

Vous avez besoin d'aide pour un problème lié à HTML mais vous ne trouvez pas la solution dans la documentation ?

  • Consultez le forum Mozilla dédié : {{ DiscussionList("dev-tech-html", "mozilla.dev.tech.html") }}
  • Rendez-vous sur Stack Overflow, un site de questions et réponses construit et maintenu collaborativement et regardez si vous n'y trouvez pas la réponse. Sinon vous pourrez y poser votre question.

N'oubliez pas la nétiquette

Outils facilitant le développement HTML

Tous les outils…

CSS, DOM, XHTML, XML, Canvas

 

Source de la révision

<p><img alt="" src="/files/3563/HTML5_Logo_128.png" style="width: 128px; height: 128px; margin: 6px; float: left;" /><strong>HyperText Markup Language (HTML)</strong>, ou langage de balisage hypertexte, est le langage à la base de presque tout contenu Web. La majorité de ce que vous voyez dans votre navigateur est décrit en utilisant HTML. Plus précisément, HTML est le langage qui décrit la structure et la sémantique du contenu d'un document Web. Le contenu au sein d'un document Web est balisé par des éléments HTML comme {{ HTMLElement("img") }}, {{ HTMLElement("title") }}, {{ HTMLElement("p") }}, {{ HTMLElement("div") }}, et ainsi de suite.</p>
<p>HTML est un standard internationnal dont la spécification est maintenue par le <a href="http://www.w3.org/" title="http://www.w3.org/">World Wide Web Consortium</a> et le <a href="http://www.whatwg.org/" title="http://www.whatwg.org/">WHATWG</a>. Il est considéré comme un "standard vivant" et est techniquement toujours en évolution. La version toujours-à-jour de la spécification HTML est appelé <strong>HTML5</strong>.</p>
<p><a href="/fr/docs/Web/HTML/HTML5" title="/fr/docs/Web/HTML/HTML5">HTML5</a> <strong>ne</strong> décrit <strong>pas</strong> le style et la mise en forme du contenu, mais seulement le contenu lui-même et son <strong>sens</strong>. Le style et la mise en page sont définis et contrôlés par les <a href="/fr/docs/CSS" title="/fr/docs/CSS">Cascading Style Sheets</a> (CSS).</p>
<p>Ces articles vous fournissent des références qui vous aideront dans vos développements Web.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td style="width: 60%; padding-right: 75px">
        <h3 class="Documentation" id="Documentation_.C3.A0_propos_de_HTML">Documentation à propos de HTML</h3>
        <dl>
          <dt>
            <a class="internal" href="/fr/docs/Web/HTML/introduction" title="fr/HTML/Element">Introduction à HTML</a></dt>
          <dd>
            Cette page apporte les informations de base sur la syntaxe et la sémantique d'une page HTML.</dd>
          <dt>
            <a class="internal" href="/fr/docs/Web/HTML/Element" title="fr/HTML/Element">Référence des éléments HTML</a></dt>
          <dd>
            Le détail de chacun des éléments et leur support par différents navigateurs.</dd>
          <dt>
            <a href="/fr/docs/Web/HTML/Attributes" title="Attributs"><span class="internal">Liste des attributs HTML</span></a></dt>
          <dd>
            Une liste de tous les attributs et les éléments auxquels ils sont associés.</dd>
          <dt>
            <a href="/fr/HTML/HTML5" title="fr/HTML/HTML5">HTML5</a></dt>
          <dd>
            Découvrez les nouvelles API et les éléments HTML5 et leur support.</dd>
          <dt>
            <a href="/fr/Dessiner_avec_canvas" title="fr/Dessiner avec canvas">Dessiner avec canvas</a></dt>
          <dd>
            Un nouvel élément HTML pour dessiner programmatiquement. La balise <code>&lt;canvas&gt;</code> peut servir au rendu de graphes, d'éléments d'interface utilisateur et d'autres dessins personnalisés chez le client.</dd>
          <dt>
            <a href="/fr/De_l'importance_des_commentaires_bien_formés_en_HTML" title="fr/De_l'importance_des_commentaires_bien_formés_en_HTML">De l'importance des commentaires corrects en HTML</a></dt>
          <dd>
            Lorsque vous réalisez du HTML en <a href="/fr/Le_sniffing_de_DOCTYPE_dans_Mozilla" title="fr/Le_sniffing_de_DOCTYPE_dans_Mozilla">mode de respect des standards</a>, des commentaires incorrectement formés peuvent casser vos pages, entraînant la disparition d'une partie de votre contenu. En <a href="/fr/XHTML" title="fr/XHTML">XHTML</a> ou <a href="/fr/XML" title="fr/XML">XML</a>, des commentaires incorrects peuvent même empêcher totalement l'affichage de vos documents.</dd>
          <dt>
            <a href="/fr/HTML/Astuces_de_création_de_pages_HTML_à_affichage_rapide" title="fr/HTML/Astuces_de_création_de_pages_HTML_à_affichage_rapide">Astuces de création de pages HTML à affichage rapide</a></dt>
          <dd>
            Une page web optimisée ne rend pas seulement votre site plus réactif pour vos visiteurs, mais réduit également la charge des connexions sur votre serveur web et sur votre connexion internet.</dd>
          <dt>
            <a class="internal" href="/fr/HTML/Extensions_de_HTML" title="fr/HTML/Extensions de HTML">Extensions de HTML</a></dt>
          <dd>
            Balises HTML reconnues mais non définies dans le standard.</dd>
        </dl>
        <p><span class="alllinks"><a href="/fr/docs/tag/HTML" title="Articles avec l'étiquette : HTML">Tous les articles…</a></span></p>
      </td>
      <td style="width: 40%; vertical-align:top">
        <h3 class="Community" id="Community" name="Community">Obtenir de l'aide de la communauté</h3>
        <p>Vous avez besoin d'aide pour un problème lié à HTML mais vous ne trouvez pas la solution dans la documentation ?</p>
        <ul>
          <li>Consultez le forum Mozilla dédié&nbsp;: {{ DiscussionList("dev-tech-html", "mozilla.dev.tech.html") }}</li>
          <li>Rendez-vous sur <a href="http://stackoverflow.com/questions/tagged/html" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a>, un site de questions et réponses construit et maintenu collaborativement et regardez si vous n'y trouvez pas la réponse. Sinon vous pourrez y poser votre question.</li>
        </ul>
        <p><span class="alllinks"><a class="external" href="http://www.gnurou.org/writing/smartquestionsfr" title="http://www.gnurou.org/writing/smartquestionsfr">N'oubliez pas la <em>nétiquette</em>…</a></span></p>
        <h3 class="Tools" id="Tools" name="Tools">Outils facilitant le développement HTML</h3>
        <ul>
          <li>L'<a class="link-https" href="https://addons.mozilla.org/fr/firefox/addon/1843">extension Firebug</a>, célèbre extension du navigateur Firefox, permet de modifier directement les sites visités. Très pratique pour tester de petites modifications, même si cette extension est beaucoup plus puissante.</li>
          <li><a class="external" href="http://validator.w3.org/">Validateur HTML</a></li>
          <li><a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?id=60&amp;application=firefox">Extension Web Developer</a></li>
          <li><a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a></li>
        </ul>
        <p><span class="alllinks"><a href="/Special:Tags?tag=HTML:Outils&amp;language=fr" title="Special:Tags?tag=HTML:Outils&amp;language=fr">Tous les outils…</a></span></p>
        <h3 class="Related_Topics" id="Related_Topics" name="Related_Topics">Sujets liés</h3>
        <dl>
          <dd>
            <a href="/fr/CSS" title="fr/CSS">CSS</a>, <a href="/fr/DOM" title="fr/DOM">DOM</a>, <a href="/fr/XHTML" title="fr/XHTML">XHTML</a>, <a href="/fr/XML" title="fr/XML">XML</a>, <a href="/fr/HTML/Canvas" title="fr/HTML/Canvas">Canvas</a></dd>
        </dl>
      </td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revenir à cette révision