Élément HTML - HTML element

Un élément HTML est un type de composant de document HTML (Hypertext Markup Language), l'un des nombreux types de nœuds HTML (il existe également des nœuds de texte, des nœuds de commentaires et autres). Le document HTML est composé d'une arborescence de nœuds HTML simples , tels que des nœuds de texte et des éléments HTML, qui ajoutent de la sémantique et de la mise en forme à des parties du document (par exemple, mettre le texte en gras, l'organiser en paragraphes, listes et tableaux, ou intégrer des hyperliens et images). Chaque élément peut avoir des attributs HTML spécifiés. Les éléments peuvent également avoir du contenu, y compris d'autres éléments et du texte.

notions

Éléments vs balises

Comme on le comprend généralement, la position d'un élément est indiquée comme s'étendant à partir d'une balise de début, incluant éventuellement un contenu enfant, et se termine par une balise de fin. C'est le cas pour de nombreux éléments d'un document HTML, mais pas pour tous. La distinction est explicitement soulignée dans la spécification HTML 4.01 :

Les éléments ne sont pas des balises. Certaines personnes appellent les éléments des balises (par exemple, "la balise P"). N'oubliez pas que l'élément est une chose et que la balise (qu'il s'agisse de la balise de début ou de fin) en est une autre. Par exemple, l'élément HEAD est toujours présent, même si les balises HEAD de début et de fin peuvent être manquantes dans le balisage.

De même, la recommandation du W3C HTML 5.1 2e édition dit explicitement :

Les balises sont utilisées pour délimiter le début et la fin des éléments dans le balisage. (...) Les balises de début et de fin de certains éléments normaux peuvent être omises, (...)
Le contenu de l'élément doit être placé entre juste après la balise de début (ce qui peut être implicite , dans certains cas) et juste avant la balise de fin (qui, encore une fois, peut être implicite , dans certains cas).

et:

Certaines balises peuvent être omises .
REMARQUE : L'
omission de la balise de début d'un élément (...) ne signifie pas que l'élément n'est pas présent ; c'est implicite, mais c'est toujours là. Par exemple, un document HTML a toujours un <html>élément racine , même si la chaîne <html>n'apparaît nulle part dans le balisage.


Comme HTML (avant HTML5) est basé sur SGML , son analyse syntaxique dépend également de la définition de type de document (DTD) , en particulier d'une DTD HTML (par exemple HTML 4.01). La DTD spécifie quels types d'éléments sont possibles (c'est-à-dire qu'elle définit l'ensemble des types d'éléments) ainsi que les combinaisons valides dans lesquelles ils peuvent apparaître dans un document. Cela fait partie du comportement général de SGML que, lorsqu'une seule structure valide est possible (par la DTD), sa déclaration explicite dans un document donné n'est généralement pas requise. A titre d'exemple simple, la balise indiquant le début d'un élément de paragraphe doit être complétée par une balise indiquant sa fin. Mais puisque la DTD indique que les éléments de paragraphe ne peuvent pas être imbriqués, un fragment de document HTML est donc supposé être équivalent à . (Si un élément de paragraphe ne peut pas en contenir un autre, tout paragraphe actuellement ouvert doit être fermé avant d'en commencer un autre.) Étant donné que cette implication est basée sur la combinaison de la DTD et du document individuel, il n'est généralement pas possible de déduire des éléments à partir des seules balises du document , mais uniquement en utilisant un analyseur SGML (ou HTML) et connaissant la DTD. HTML5 crée un résultat similaire en définissant les balises qui peuvent être omises. <p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML contre XML

SGML est complexe, ce qui a limité sa compréhension et son adoption généralisées. XML a été développé comme une alternative plus simple. Bien que les deux puissent utiliser la DTD pour spécifier les éléments pris en charge et leurs combinaisons autorisées en tant que structure de document, l'analyse XML est plus simple. La relation des balises aux éléments est toujours celle de l'analyse des balises réelles incluses dans le document, sans les fermetures implicites qui font partie de SGML.

Le HTML tel qu'il est utilisé sur le Web actuel est susceptible d'être traité soit comme XML, en tant que XHTML , soit comme HTML5 ; dans les deux cas, l'analyse des balises du document en éléments DOM ( Document Object Model ) est simplifiée par rapport aux systèmes HTML existants. Une fois le DOM des éléments obtenu, le comportement aux niveaux supérieurs de l'interface (exemple : rendu d'écran) est identique ou presque.

%block; vs boîte

Une partie de ce comportement de présentation CSS est la notion de " modèle de boîte ". Ceci est appliqué aux éléments que CSS considère comme des éléments "bloquants", définis via la déclaration CSS . display: block;

HTML a également un concept similaire, bien que différent, et les deux sont très fréquemment confondus. %block;et %inline;sont des groupes au sein de la DTD HTML qui regroupent les éléments comme étant soit "au niveau du bloc" soit "en ligne". Ceci est utilisé pour définir leur comportement d'imbrication : les éléments de niveau bloc ne peuvent pas être placés dans un contexte en ligne. Ce comportement ne peut pas être modifié ; il est fixé dans la DTD. Les éléments de bloc et en ligne ont les comportements CSS appropriés et différents qui leur sont attachés par défaut, y compris la pertinence du modèle de boîte pour des types d'éléments particuliers.

Notez cependant que ce comportement CSS peut, et est fréquemment, modifié par rapport à la valeur par défaut. Les listes avec sont des éléments et sont présentées comme des éléments de bloc par défaut. Cependant, il est assez courant de les définir avec CSS pour qu'ils s'affichent sous forme de liste en ligne. <ul><li> ...%block;

Aperçu

Syntaxe

Parties d'un élément conteneur HTML

Dans la syntaxe HTML, la plupart des éléments sont écrits avec une balise de début et une balise de fin, avec le contenu entre les deux. Une balise HTML est composée du nom de l'élément, entouré de chevrons . Une balise de fin a également une barre oblique après le crochet angulaire ouvrant, pour la distinguer de la balise de début. Par exemple, un paragraphe, qui est représenté par l' <p>élément, s'écrirait comme suit :

<p>In the HTML syntax, most elements are written ...</p>

Cependant, tous ces éléments ne nécessitent pas la présence de la balise de fin, ni même de la balise de début. Certains éléments, appelés éléments void , n'ont pas de balise de fin. Un exemple typique est l' <br>élément (saut de ligne dur). Le comportement d'un élément void est prédéfini et il ne peut pas contenir de contenu ou d'autres éléments. Par exemple, une adresse s'écrirait :

<p>P. Sherman<br>42 Wallaby Way<br>Sydney</p>

Lors de l'utilisation de XHTML , il est nécessaire d'ouvrir et de fermer tous les éléments, y compris les éléments void. Cela peut être fait en plaçant une balise de fin immédiatement après la balise de début, mais ce n'est pas légal en HTML 5 et conduira à la création de deux éléments. Une autre façon de spécifier qu'il s'agit d'un élément void, qui est compatible à la fois avec XHTML et HTML 5, consiste à mettre un /à la fin de la balise (à ne pas confondre avec le /au début d'une balise de fermeture).

<p>P. Sherman<br />42 Wallaby Way<br />Sydney</p>

Les attributs HTML sont spécifiés à l'intérieur de la balise de début. Par exemple, l' <abbr>élément, qui représente une abréviation , attend un titleattribut dans sa balise d'ouverture. Cela s'écrirait ainsi :

<abbr title="abbreviation">abbr.</abbr>


Il existe plusieurs types d' éléments HTML : éléments normaux, éléments de texte brut et éléments vides.

Les éléments normaux ont généralement à la fois une balise de début et une balise de fin, bien que pour certains éléments, la balise de fin, ou les deux, puissent être omises. Il est construit de la même manière :

  • une balise de début ( ) marquant le début d'un élément, qui peut incorporer n'importe quel nombre d' attributs HTML ;<tag>
  • une certaine quantité de contenu , y compris du texte et d'autres éléments ;
  • une balise de fin , dans laquelle le nom de l'élément est préfixé par une barre oblique : .</tag>

Les éléments de texte brut (également appelés éléments de texte ou éléments de texte uniquement) sont construits avec :

  • une balise de début (sous la forme ) marquant le début d'un élément, qui peut incorporer n'importe quel nombre d' attributs HTML ;<tag>
  • une certaine quantité de contenu textuel , mais aucun élément (toutes les balises, à l'exception de la balise de fin applicable, seront interprétées comme du contenu) ;
  • une balise de fin , dans laquelle le nom de l'élément est préfixé par une barre oblique : . Dans certaines versions de HTML, la balise de fin est facultative pour certains éléments. La balise de fin est obligatoire en XHTML .</tag>

Un exemple est que l' <title>élément ne doit pas contenir d'autres éléments (y compris le balisage du texte), uniquement du texte brut .

Les éléments vides (également parfois appelés éléments vides, éléments simples ou éléments autonomes) n'ont qu'une balise de début (sous la forme), qui contient tousles attributs HTML. Ils ne doivent pas contenir d'enfants, tels que du texte ou d'autres éléments. Pour la compatibilité avecXHTML, la spécification HTML autorise un espace et une barre oblique facultatifs (est autorisé). L'espace et la barre oblique sont requis dansXHTMLet d'autresapplicationsXML. Deux éléments de vide communs sont(pour unsaut de ligne dur, comme dans un poème ou une adresse) et(pour un saut thématique). D'autres éléments de ce type sont souvent des espaces réservés qui font référence à des fichiers externes, tels que l'élémentimage (). Les attributs inclus dans l'élément pointent alors vers le fichier externe en question. Un autre exemple d'élément void est, pour lequel la syntaxe est : <tag><tag /><br /><hr /><img /><link />

<link rel="stylesheet" href="fancy.css" type="text/css">

Cet <link />élément pointe le navigateur vers une feuille de style à utiliser lors de la présentation du document HTML à l'utilisateur. Notez que dans la syntaxe HTML, les attributs n'ont pas besoin d'être cités s'ils ne sont composés que de certains caractères : lettres, chiffres, tiret-moins et point. En revanche, lors de l'utilisation de la syntaxe XML (XHTML), tous les attributs doivent être entre guillemets et une barre oblique de fin espacée est requise avant le dernier chevron :

<link rel="stylesheet" href="fancy.css" type="text/css" />


Les attributs HTML définissent le comportement souhaité ou indiquent des propriétés d'élément supplémentaires. La plupart des attributs nécessitent une valeur . En HTML, la valeur peut être laissée sans guillemets si elle n'inclut pas d'espaces (), ou elle peut être entre guillemets simples ou doubles (ou). En XML , ces guillemets sont obligatoires. attribute=valueattribute='value'attribute="value"

Les attributs booléens , en revanche, ne nécessitent pas la spécification d'une valeur. Un exemple est le checkedpour les cases à cocher :

<input type=checkbox checked>

Dans la syntaxe XML (et donc XHTML ), cependant, le nom doit être répété en tant que valeur :

<input type="checkbox" checked="checked" />

De manière informelle, les éléments HTML sont parfois appelés « balises » (un exemple de synecdoque ), bien que beaucoup préfèrent le terme balise strictement en référence au balisage délimitant le début et la fin d'un élément.

Les noms d'éléments (et d'attributs) peuvent être écrits dans n'importe quelle combinaison de majuscules ou de minuscules en HTML, mais doivent être en minuscules en XHTML. La forme canonique était en majuscule jusqu'à HTML 4 et était utilisée dans les spécifications HTML, mais ces dernières années, les minuscules sont devenues plus courantes.

Normes d'éléments

Les éléments HTML sont définis dans une série de normes ouvertes disponibles gratuitement publiées depuis 1995, initialement par l' IETF puis par le W3C .

Pendant les guerres des navigateurs des années 1990, les développeurs d' agents utilisateurs (par exemple les navigateurs Web ) ont souvent développé leurs propres éléments, dont certains ont été adoptés dans des normes ultérieures. D'autres agents utilisateurs peuvent ne pas reconnaître les éléments non standard et ils seront ignorés, ce qui peut entraîner un affichage incorrect de la page.

En 1998, XML (une forme simplifiée de SGML) a introduit des mécanismes permettant à quiconque de développer ses propres éléments et de les incorporer dans des documents XHTML , à utiliser avec des agents utilisateurs compatibles XML.

Par la suite, HTML 4.01 a été réécrit sous une forme compatible XML , XHTML 1.0 ( eXtensible HTML ). Les éléments de chacun sont identiques et, dans la plupart des cas, les documents XHTML 1.0 valides seront des documents HTML 4.01 valides ou presque valides. Cet article se concentre principalement sur le vrai HTML, sauf indication contraire ; cependant, il reste applicable au XHTML . Voir HTML pour une discussion sur les différences mineures entre les deux.

État de l'élément

Depuis la première version du HTML, plusieurs éléments sont devenus obsolètes, et sont dépréciés dans les normes ultérieures, ou n'apparaissent pas du tout, auquel cas ils sont invalides (et seront jugés invalides, et peut-être pas affichés, en validant les agents utilisateurs) .

En HTML 4.01 / XHTML 1.0 , le statut des éléments est compliqué par l'existence de trois types de DTD :

  • Transitional , qui contiennent des éléments obsolètes, mais qui étaient destinés à fournir une période de transition pendant laquelle les auteurs pourraient mettre à jour leurs pratiques ;
  • Frameset , qui sont des versions des DTD de transition qui permettent également aux auteurs d'écrire des documents de frameset ;
  • Strict , qui est la forme à jour (en 1999) du HTML.

HTML5 fournit à la place une liste de fonctionnalités obsolètes pour accompagner le contenu normatif standardisé . Ils se décomposent en « obsolètes mais conformes » pour lesquels des instructions de mise en œuvre existent et en « non conformes » qu'il convient de remplacer.

Le premier Standard ( HTML 2.0 ) contenait quatre éléments obsolètes, dont l'un n'était pas valide dans HTML 3.2 . Tous les quatre ne sont pas valides dans HTML 4.01 Transitional , qui a également déprécié dix autres éléments. Tous ces éléments, plus deux autres, ne sont pas valides dans HTML 4.01 Strict . Bien que les éléments du cadre soient toujours d'actualité dans le sens où ils sont présents dans les DTD Transitional et Frameset, il n'est pas prévu de les conserver dans les futures normes, car leur fonction a été largement remplacée et ils sont très problématiques pour l'accessibilité des utilisateurs.

(À proprement parler, la norme XHTML la plus récente , XHTML 1.1 (2001), n'inclut pas du tout les cadres ; elle est approximativement équivalente à XHTML 1.0 Strict , mais inclut également le module de balisage Ruby .)

Une source courante de confusion est l'utilisation lâche de déprécié pour faire référence à la fois au statut déprécié et invalide, et aux éléments qui devraient être officiellement dépréciés à l'avenir.

Contenu vs présentation et comportement

Depuis HTML 4, HTML s'est de plus en plus concentré sur la séparation du contenu (le texte et les images visibles) de la présentation (comme la couleur, la taille de la police et la mise en page). C'est ce qu'on appelle souvent une séparation des préoccupations . Le HTML est utilisé pour représenter la structure ou le contenu d'un document, sa présentation reste de la seule responsabilité des feuilles de style CSS . Une feuille de style par défaut est suggérée dans le cadre de la norme CSS, donnant un rendu par défaut pour HTML.

Le comportement (interactivité) est également séparé du contenu et est géré par des scripts . Les images sont contenues dans des fichiers graphiques séparés , séparés du texte, bien qu'elles puissent également être considérées comme faisant partie du contenu d'une page.

La séparation des préoccupations permet au document d'être présenté par différents agents utilisateurs en fonction de leurs objectifs et de leurs capacités. Par exemple, un agent utilisateur peut sélectionner une feuille de style appropriée pour présenter un document en l'affichant sur un moniteur, en l'imprimant sur papier, ou pour déterminer les caractéristiques de la parole dans un agent utilisateur uniquement audio. Les fonctions structurelles et sémantiques du balisage restent identiques dans chaque cas.

Historiquement, les agents utilisateurs ne prenaient pas toujours en charge ces fonctionnalités. Dans les années 1990, comme palliatif, des éléments de présentation (comme <b>et <i>) ont été ajoutés au HTML, au prix de créer des problèmes d'interopérabilité et d'accessibilité pour les utilisateurs. Ceci est maintenant considéré comme dépassé et a été remplacé par une conception basée sur des feuilles de style ; la plupart des éléments de présentation sont désormais obsolètes.

Les fichiers image externes sont incorporés avec les éléments <img />ou <object />. (Avec XHTML , le langage SVG peut également être utilisé pour écrire des graphiques dans le document, bien que la liaison vers des fichiers SVG externes soit généralement plus simple.) Lorsqu'une image n'est pas purement décorative, HTML permet de fournir un contenu de remplacement avec une valeur sémantique similaire pour -agents utilisateurs visuels.

Un document HTML peut également être étendu grâce à l'utilisation de scripts pour fournir des comportements supplémentaires au-delà des capacités des liens hypertexte et des formulaires HTML.

Les éléments <style>et <script>, avec les attributs HTML associés , fournissent des feuilles de style et des scripts.

  • Dans l'en-tête du document, <style />et <script />peut être lié à des documents externes partagés, ou <style>...</style>et <script>...</script>peut contenir des instructions intégrées. (L' <link>élément peut également être utilisé pour lier des feuilles de style.)
  • <script />ou <script>...</script>peut apparaître à n'importe quel endroit du document (tête ou corps).
  • L' styleattribut est valide dans la plupart des éléments de corps de document (par exemple <div style="...">) pour l'inclusion d' instructions de style en ligne .
  • Les attributs de gestion d'événements , qui fournissent des liens vers des scripts, sont facultatifs dans la plupart des éléments.
  • Pour les agents utilisateurs qui n'utilisent pas de scripts, l' <noscript>...</noscript>élément fournit un contenu alternatif intégré, le cas échéant ; cependant, il ne peut être utilisé que dans l'en-tête et dans le corps du document en tant qu'élément de niveau bloc.

Éléments de la structure du document

<html>...</html>
L' élément racine d'un document HTML ; tous les autres éléments y sont contenus. L'élément HTML délimite le début et la fin d'un document HTML.
Les balises de début et de fin peuvent être omises (HTML5).
Standardisé en HTML 2.0 ; toujours d'actualité.

(Voir les éléments d'en-tête du document pour les éléments enfants.)

Conteneur de traitement des informations et métadonnées d'un document HTML.
Les balises de début et de fin peuvent être omises et déduites des éléments enfants (HTML5).
Standardisé en HTML 2.0 ; toujours d'actualité.
<body></body>

(Voir les éléments du corps du document pour les éléments enfants.)

Conteneur pour le contenu affichable d'un document HTML.
Les balises de début et de fin peuvent être omises et déduites des éléments enfants (HTML5).
Standardisé en HTML 2.0 ; toujours d'actualité.

Éléments d'en-tête de document

<base />
Spécifie une URL de base pour tous les hrefliens relatifs et autres dans le document. Doit apparaître avant tout élément faisant référence à une ressource externe. HTML n'autorise qu'un seul <base>élément pour chaque document. Cet élément a des attributs HTML , mais pas de contenu.
Une version de développement de cet élément (as BASE) est mentionnée dans les balises HTML ; standardisé en HTML 2.0 ; toujours d'actualité.
<basefont /> (deprecated)
Spécifie une taille de police de base, une police de caractères et une couleur pour le document. Utilisé avec des <font>éléments. Obsolète au profit des feuilles de style .
Standardisé en HTML 3.2 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict .
<isindex /> (deprecated)
<isindex>pourrait apparaître dans l'en-tête ou dans le corps du document, mais une seule fois dans un document. Voir Formulaires .
Spécifie des liens vers d'autres documents, tels que des liens précédents et suivants , ou des versions alternatives. Une utilisation courante consiste à créer un lien vers des feuilles de style externes , en utilisant le formulaire . Une utilisation moins courante, mais importante, est de fournir des conseils de navigation de manière cohérente grâce à l'utilisation de microformats . Plusieurs relations communes sont définies, qui peuvent être exposées aux utilisateurs via l'interface du navigateur plutôt que directement dans la page Web, telles que : . L' élément d' un document peut contenir un nombre quelconque d' éléments. Cet élément a des attributs HTML , mais pas de contenu.<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />
LINKexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<meta />

Peut être utilisé pour spécifier des métadonnées supplémentaires sur un document, telles que son auteur, la date de publication, la date d'expiration, la langue, le titre de la page, la description de la page, les mots-clés ou d'autres informations non fournies via les autres éléments d'en-tête et attributs HTML . En raison de leur nature générique, les <meta />éléments spécifient des paires clé-valeur associatives . En général, un élément meta transmet des informations cachées sur le document. Plusieurs balises META peuvent être utilisées, toutes devant être imbriquées dans l'élément head. Le but spécifique de chaque <meta />élément est défini par ses attributs. En dehors de XHTML , il est souvent donné sans la barre oblique ( <meta>), bien qu'il s'agisse d'un élément void .

Dans une forme, les <meta />éléments peuvent spécifier des en- têtes HTTP qui doivent être envoyés par un serveur Web avant le contenu réel. Par exemple, spécifie que la page doit être servie avec un en-tête HTTP appelé qui a une valeur . <meta http-equiv="foo" content="bar" />foobar

Dans la forme générale, un <meta />élément spécifie nameet content les attributs HTML associés décrivant les aspects de la page HTML. Pour éviter une éventuelle ambiguïté, un troisième attribut facultatif, scheme, peut être fourni pour spécifier un cadre sémantique qui définit la signification de la clé et sa valeur. Par exemple, dans l' élément s'identifie comme contenant l' élément, avec une valeur de , du cadre de description de ressource DC ou Dublin Core .<meta name="foo" content="bar" scheme="DC" /><meta />foobar
Standardisé en HTML 2.0 ; toujours d'actualité.
<object>...</object>
Utilisé pour inclure des objets génériques dans l'en-tête du document. Bien que rarement utilisé dans un <head>élément, il pourrait potentiellement être utilisé pour extraire des données étrangères et les associer au document actuel.
Standardisé en HTML 4.0 ; toujours d'actualité.
<script>...</script>
Peut servir de conteneur pour les instructions de script ou de lien vers un script externe avec l' srcattribut facultatif . Également utilisable dans le corps du document pour générer dynamiquement du contenu en bloc ou en ligne.
Standardisé en HTML 3.2 ; toujours d'actualité.
<style>...</style>
Spécifie un style CSS pour le document, généralement sous la forme . Peut servir soit de conteneur pour les instructions de style, soit de lien vers des feuilles de style externes - par exemple, en CSS , avec les directives du formulaire,<style type="text/css"> ... </style>@import<style> @import url; </style>
Standardisé en HTML 3.2 ; toujours d'actualité.
<title>...</title>
Cette balise définit un titre de document. Obligatoire dans chaque document HTML et XHTML . Les agents utilisateurs peuvent utiliser le titre de différentes manières. Par exemple:
  • Les navigateurs Web l'affichent généralement dans la barre de titre d' une fenêtre lorsque la fenêtre est ouverte et (le cas échéant) dans la barre des tâches lorsque la fenêtre est réduite.
  • Il peut devenir le nom de fichier par défaut lors de l'enregistrement de la page.
  • Nous ne pouvons utiliser l'élément <title> qu'une seule fois dans une page Web, et lorsque nous créerons une autre page, nous utiliserons à nouveau un autre élément <title> avec un nouveau titre (ne prenez pas le même nom pour toutes les balises de titre du site Web, cela peut être un problème pour les moteurs de recherche).
  • Les robots des moteurs de recherche Web peuvent prêter une attention particulière aux mots utilisés dans le titre.
L' <title>élément ne doit pas contenir d'autres éléments, uniquement du texte. Un seul <title>élément est autorisé dans un document.
Existe en HTML Tags , et a été standardisé en HTML 2.0 ; toujours d'actualité.

Éléments du corps du document

Dans les navigateurs visuels, les éléments affichables peuvent être rendus sous forme de bloc ou en ligne . Alors que tous les éléments font partie de la séquence du document, les éléments de bloc apparaissent dans leurs éléments parents :

  • comme des objets rectangulaires qui ne cassent pas les lignes ;
  • avec des marges de bloc, des propriétés de largeur et de hauteur qui peuvent être définies indépendamment des éléments environnants.

Inversement, les éléments en ligne sont traités comme faisant partie du flux de texte du document ; ils ne peuvent pas avoir de marges, de largeur ou de hauteur définies, et se cassent entre les lignes.

Éléments de bloc

Les éléments de bloc, ou éléments de niveau bloc, ont une structure rectangulaire. Par défaut, ces éléments s'étendront sur toute la largeur de son élément parent et ne permettront donc à aucun autre élément d'occuper le même espace horizontal sur lequel il est placé.

La structure rectangulaire d'un élément de bloc est souvent appelée modèle de boîte et se compose de plusieurs parties. Chaque élément contient les éléments suivants :

  • Le contenu d'un élément est le texte réel (ou autre média) placé entre les balises d'ouverture et de fermeture d'un élément.
  • Le remplissage d'un élément est l'espace autour du contenu mais qui fait toujours partie de l'élément. Le remplissage ne doit pas être utilisé pour créer un espace blanc entre deux éléments. Tout style d'arrière-plan attribué à l'élément, comme une image ou une couleur d'arrière-plan, sera visible dans le remplissage. L'augmentation de la taille du rembourrage d'un élément augmente la quantité d'espace qu'occupera cet élément.
  • La bordure d'un élément est la fin absolue d'un élément et s'étend sur le périmètre de cet élément. L'épaisseur d'une bordure augmente la taille d'un élément.
  • La marge d'un élément est l'espace blanc qui entoure un élément. Le contenu, le rembourrage et la bordure de tout autre élément ne seront pas autorisés à entrer dans cette zone, à moins que cela ne soit forcé par un placement CSS avancé . En utilisant la plupart des DTD standard , les marges à gauche et à droite des différents éléments se repousseront. En revanche, les marges en haut ou en bas d'un élément ne s'empilent pas ou ne s'entremêlent pas. Cela signifie que l'espace blanc entre ces éléments sera aussi grand que la plus grande marge entre eux.

La section ci-dessus se réfère uniquement à l'implémentation détaillée du rendu CSS et n'a aucun rapport avec les éléments HTML eux-mêmes.

Texte de base

<p>...</p>
Crée un paragraphe, peut-être l'élément de niveau de bloc le plus courant.
Pexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Titres de section à différents niveaux. h1délimite l'en-tête de niveau le plus élevé, h2le niveau inférieur suivant (sous-section), h3pour un niveau inférieur, et ainsi de suite jusqu'à h6. Ils sont parfois appelés collectivement balises, n désignant l'un des niveaux de titre disponibles. La plupart des navigateurs visuels affichent les titres sous forme de gros texte en gras par défaut, bien que cela puisse être remplacé par CSS . Les éléments d'en-tête ne sont pas destinés uniquement à créer du texte volumineux ou en gras - en fait, ils ne doivent pas être utilisés pour styliser explicitement le texte. Ils décrivent plutôt la structure et l'organisation du document. Certains programmes les utilisent pour générer des plans et des tables des matières.hn
Les titres existaient dans les balises HTML et étaient standardisés en HTML 2.0 ; toujours d'actualité.

Listes

<dl>...</dl>
Une liste de descriptions (alias liste d'associations ou liste de définitions), qui se compose de groupes nom-valeur, et était connue sous le nom de liste de définitions avant HTML5. Les listes de descriptions sont destinées à des groupes de « termes et définitions, sujets et valeurs de métadonnées, questions et réponses, ou tout autre groupe de données nom-valeur ».
DLexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<dt>...</dt>
Un nom dans une liste de descriptions (auparavant terme de définition dans une liste de définitions).
DTexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<dd>...</dd>
Une valeur dans une liste de descriptions (auparavant des données de définition dans une liste de définitions).
DDexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<ol>...</ol>
Une liste ordonnée (énumérée). L' typeattribut peut être utilisé pour spécifier le type de marqueur à utiliser dans la liste, mais les feuilles de style donnent plus de contrôle. La valeur par défaut est la numérotation arabe. Dans un attribut HTML : ; ou dans une déclaration CSS : – en remplaçant par l'un des éléments suivants : <ol type="foo">ol { list-style-type: foo; }foo
  • A, B, C... – Valeur HTML : A; Valeur CSS :upper-alpha
  • a, b, c ... – Valeur HTML : a; Valeur CSS :lower-alpha
  • I, II, III ... – Valeur HTML : I; Valeur CSS :upper-roman
  • i, ii, iii ... – valeur HTML : i; Valeur CSS :lower-roman
  • 1, 2, 3 ... – Valeur HTML : 1;decimal
CSS fournit plusieurs autres options non disponibles en tant que balisage HTML pur, notamment none, et des options pour les scripts CJK , hébreu, géorgien et arménien.
OLexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<ul>...</ul>
Une liste non ordonnée (à puces). Le type de marqueur d'élément de liste peut être spécifié dans un attribut HTML : ; ou dans une déclaration CSS : – en remplaçant par l'une des valeurs suivantes (les mêmes valeurs sont utilisées en HTML et CSS) : (valeur par défaut), , ou . Seule la méthode CSS est prise en charge en HTML5. CSS fournit également , et la possibilité de remplacer ces puces par des images personnalisées.<ul type="foo">ul { list-style-type: foo; }foodiscsquarecirclenone
ULexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<li>...</li>
Un élément de liste dans les listes ordonnées ( ol) ou non ordonnées ( ul).
LIexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<dir>...</dir> (deprecated)
Une liste d'annuaire. Le but original de cet élément n'a jamais été largement soutenu ; déprécié au profit de .<ul>
DIRexistait dans les balises HTML et était standardisé en HTML 2.0 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict .

Autres éléments de bloc

<address>...</address>
Coordonnées de l'auteur du document.
ADDRESSexistait dans les balises HTML et était standardisé en HTML 2.0 ; toujours d'actualité.
<article>...</article>
Utilisé pour les articles et autres contenus similaires.
Standardisé en HTML5 .
<aside>...</aside>
Utilisé pour le contenu d'un document distinct du contenu de la page principale, par exemple, les barres latérales ou la publicité.
Standardisé en HTML5 .
<blockquote>...</blockquote>

Une citation de niveau bloc , lorsque la citation inclut des éléments de niveau bloc, par exemple des paragraphes. L' citeattribut (à ne pas confondre avec l' <cite>élément) peut donner la source et doit être un Uniform Resource Identifier pleinement qualifié .

La présentation par défaut des citations en bloc dans les navigateurs visuels consiste généralement à les mettre en retrait des deux marges. Cela a conduit à l'utilisation inutile de l'élément uniquement pour indenter des paragraphes, quelle que soit la sémantique. Pour les citations ne contenant pas d'éléments de niveau bloc, voir l' <q>élément quote ( ).
BLOCKQUOTEexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité. Voir l' élément blockquote pour plus d'informations.
<center>...</center> (deprecated)
Crée une division alignée au centre au niveau du bloc. Obsolète au profit de <div>ou d'un autre élément avec un centrage défini à l'aide de feuilles de style.
Standardisé en HTML 3.2 ; obsolète en HTML 4.0 ; non pris en charge en HTML5 .
<del>...</del>
Marque une section de contenu supprimée. Cet élément peut également être utilisé comme inline .
Standardisé en HTML 4.0 ; toujours d'actualité.
<div>...</div>
Une division logique au niveau du bloc. Un élément générique sans signification sémantique utilisé pour distinguer une section de document, généralement à des fins telles que la présentation ou le comportement contrôlé par des feuilles de style ou des appels DOM .
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<figure>...</figure>
Utilisé pour regrouper les images et les légendes, avec <figcaption>.
Standardisé en HTML5 .
<figcaption>...</figcaption>
Une légende pour une image. Toujours placé à l'intérieur de l' <figure>élément.
Standardisé en HTML5 .
Utilisé pour les pieds de page de document. Ceux-ci peuvent contenir des informations sur l'auteur ou le droit d'auteur, ou des liens vers d'autres pages.
Standardisé en HTML5 .
Utilisé pour les en-têtes de document. Ceux-ci contiennent généralement du contenu présentant la page.
Standardisé en HTML5 .
<hr />
Une pause thématique (à l'origine : règle horizontale). Des règles de présentation peuvent être tracées avec des feuilles de style.
Standardisé en HTML 2.0 ; toujours d'actualité.
<ins>...</ins>
Marque une section de contenu inséré. Cet élément peut également être utilisé comme inline .
Standardisé en HTML 4.0 ; toujours d'actualité.
<main>...</main>
Contient le contenu principal d'un document.
Standardisé en HTML 5.1 .
HTML 2.0 : une liste de menus. Devrait être plus compact qu'une <ul>liste.
MENUexistait dans les balises HTML et était standardisé en HTML 2.0 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict ; puis redéfini en HTML5 , mais supprimé en HTML 5.2.
Utilisé dans les sections de navigation des articles (zones de pages Web contenant des liens vers d'autres pages Web).
Standardisé en HTML5 .
<noscript>...</noscript>
Contenu de remplacement pour les scripts. Contrairement au script, cela ne peut être utilisé que comme élément de niveau bloc.
Standardisé en HTML 4.0 ; toujours d'actualité.
<pre>...</pre>
Texte pré-formaté . Le texte dans cet élément est généralement affiché dans une police non proportionnelle exactement comme il est présenté dans le fichier (voir art ASCII ). Alors que les navigateurs ignorent les espaces blancs pour les autres éléments HTML, dans <pre>...</pre>, les espaces blancs doivent être rendus comme créés. (Avec les propriétés CSS : , d'autres éléments peuvent être présentés de la même manière.) Cet élément peut contenir n'importe quel élément en ligne sauf : , , , , , et .{ white-space: pre; font-family: monospace; }<image><object><big><small><sup><sub>...</sub>
PREexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<section>...</section>
Utilisé pour les sections génériques d'un document. Ceci est différent du <div>fait qu'il n'est utilisé que pour contenir des sections d'une page, que le W3C définit comme un groupe de contenu avec un thème similaire.
Standardisé en HTML5 .
<script>...</script>
Place un script dans le document. Également utilisable dans les contextes head et inline. Il peut être utilisé comme <script />avec un srcattribut pour fournir une URL à partir de laquelle charger le script, ou utilisé comme <script>...</script>autour du contenu de script intégré. Remarque : <script> n'est lui-même ni un bloc ni un élément en ligne ; en lui-même, il ne devrait pas s'afficher du tout, mais il peut contenir des instructions pour générer dynamiquement du contenu en bloc ou en ligne.
Standardisé en HTML 3.2 ; toujours d'actualité.

Éléments en ligne

Les éléments en ligne ne peuvent pas être placés directement à l'intérieur de l' élément ; ils doivent être entièrement imbriqués dans des éléments de niveau bloc. <body>

Ancre

<a>...</a>

Un élément d'ancrage est appelé ancre car les concepteurs Web peuvent l'utiliser pour « ancrer » une URL vers du texte sur une page Web. Lorsque les utilisateurs consultent la page Web dans un navigateur, ils peuvent cliquer sur le texte pour activer le lien et visiter la page dont l'URL se trouve dans le lien.

En HTML, une ancre peut être soit l' origine (le texte de l' ancre ) soit la fin cible (destination) d'un lien hypertexte .

Avec l'attribut href, l'ancre devient un lien hypertexte vers une autre partie du document ou une autre ressource (par exemple une page Web) en utilisant une URL externe . Alternativement (et parfois simultanément), avec les attributs HTMLname ou définis, l'élément devient une cible de lien. Une URL ( Uniform Resource Locator ) peut être liée à cette cible via un identifiant de fragment . En HTML5, n'importe quel élément peut maintenant être transformé en cible en utilisant l' attribut, donc l'utilisation n'est pas nécessaire, bien que cette façon d'ajouter des ancres continue de fonctionner.id id<a name="foo">...</a>

Pour illustrer : l'en-tête d'une section de table des matières sur exemple.comLa page d'accueil de pourrait être transformée en cible en écrivant : .<h2><a name="contents">Table of contents</a></h2>

En continuant avec cet exemple, maintenant que la section a été balisée en tant que cible, elle peut être référencée à partir de sites externes avec un lien tel que : ;<a href="http://example.com#contents">see contents</a>

ou avec un lien sur la même page comme : .<a href="#contents">contents, above</a>

L'attribut titlepeut être défini pour donner de brèves informations sur le lien : .<a href="URL" title="additional information">link text</a>

Dans la plupart des navigateurs graphiques, lorsque le curseur survole un lien, le curseur se transforme en main avec un index étendu et la titlevaleur est affichée dans une info - bulle ou d'une autre manière. Certains navigateurs rendent le texte alternatif de la même manière, bien que ce ne soit pas ce que la spécification demande.

Aexistait dans les balises HTML et était standardisé en HTML 2.0 ;

Éléments de la phrase

Les éléments de phrase sont utilisés pour marquer des phrases et ajouter une structure ou une signification sémantique à des fragments de texte. Par exemple, les balises <em>et <strong>peuvent être utilisées pour ajouter de l'emphase au texte.

Général
<abbr>...</abbr>
Marque une abréviation , et peut rendre le formulaire complet disponible :<abbr title="abbreviation">abbr.</abbr>
Standardisé en HTML 4.0 ; toujours d'actualité.
<acronym>...</acronym> (deprecated)
Similaire à l' élément, mais marque un acronyme :<abbr><acronym title="Hyper-Text Mark-up Language">HTML</acronym>
Standardisé en HTML 4.0 ; toujours d'actualité, non pris en charge en HTML5 . Le remplacement recommandé est l' abbrétiquette.
<dfn>...</dfn>
Définition en ligne d'un terme unique.
DFNexistait dans HTML Internet Draft 1.2 et était entièrement standardisé dans HTML 3.2 ; toujours d'actualité.
<em>...</em>
Emphase (conventionnellement affiché en italique)
EMexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<strong>...</strong>
importance ; fort accent à l'origine (conventionnellement affiché en gras). Un agent utilisateur auditif peut utiliser différentes voix pour l'accentuation.
STRONGexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité, redéfini en HTML5.
Éléments de phrase informatique

Ces éléments sont principalement utiles pour documenter le développement du code informatique et l'interaction de l'utilisateur grâce à la différenciation du code source ( ), des variables ( ), de l'entrée utilisateur ( ) et du terminal ou d'une autre sortie ( ). <code><var><kbd><samp>

<code>...</code>
Un extrait de code ( code example). Rendu classiquement dans une police mono-espace.
CODEexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<kbd>...</kbd>
Clavier – texte à saisir par l'utilisateur ( kbd example).
KBDexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<samp>...</samp>
Exemple de sortie - à partir d'un programme ou d'un script : (exemple d'échantillon).
SAMPexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<var>...</var>
Variable ( exemple var ).
VARexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
Présentation

Comme le balisage visuel de présentation ne s'applique directement qu'aux navigateurs visuels, son utilisation est déconseillée. Les feuilles de style doivent être utilisées à la place. Plusieurs de ces éléments sont obsolètes ou invalides dans HTML 4 / XHTML 1.0, et les autres sont invalides dans le brouillon actuel de XHTML 2.0 . Le projet actuel de HTML5 , cependant, ré-inclut <s>, <u>, et <small>, en attribuant une nouvelle signification sémantique à chacun. Dans un document HTML5 , l'utilisation de ces éléments n'est plus déconseillée, à condition qu'elle soit sémantiquement correcte.

<b>...</b>
En HTML 4 , définissez la police en gras si possible. CSS équivalent : . L' élément a généralement le même effet dans les navigateurs visuels, en plus d'avoir une signification plus sémantique, sous HTML 4.01 . En HTML5 , cependant, a sa propre signification, distincte de celle de . Il désigne « un texte sur lequel l'attention est attirée à des fins utilitaires sans transmettre aucune importance supplémentaire et sans implication d'une voix ou d'une humeur alternative ».{ font-weight: bold; }<strong><b><strong>
Bexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité, redéfini en HTML5.
<i>...</i>
En HTML 4 , définissez la police sur italique si possible. CSS équivalent : . Utiliser a le même effet visuel dans la plupart des navigateurs, tout en ayant une signification sémantique comme emphase , sous HTML 4.01 . (Les italiques purement typographiques ont de nombreux objectifs sans accent, comme le reconnaît plus explicitement HTML 5.) En HTML5 , cependant, a sa propre signification sémantique, distincte de celle de . Il dénote « une qualité de texte différente » ou « une voix ou une humeur alternative » par exemple, une pensée, un nom de navire, un nom d'espèce binaire , une phrase en langue étrangère, etc.{ font-style: italic; }<em>...</em><i><em>
Iexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité, redéfini en HTML5.
<u>...</u>
En HTML 4 , texte souligné . CSS équivalent : . Obsolète en HTML 4.01 . Restauré en HTML5 . En HTML5 , l' élément désigne "une étendue de texte avec une annotation non textuelle non articulée, bien qu'explicite, telle que l'étiquetage du texte comme étant un nom propre dans le texte chinois (une marque de nom propre chinois), ou l'étiquetage du texte comme étant mal orthographié." La spécification HTML5 rappelle aux développeurs que d'autres éléments sont presque toujours plus appropriés et avertit les concepteurs de ne pas utiliser de texte souligné où il pourrait être confondu avec un lien hypertexte.{ text-decoration: underline; }<u><u>
Uexistait dans HTML Internet Draft 1.2 , était standardisé dans HTML 3.2 mais était obsolète dans HTML 4.0 Transitional et n'était pas valide dans HTML 4.0 Strict . Réintroduit en HTML5 .
<small>...</small>
En HTML 4 , taille de la police réduite ( texte plus petit ). CSS équivalent : en HTML5 , l' élément indique "des commentaires secondaires tels que des petits caractères". Cela a causé une certaine confusion avec l' élément.{ font-size: smaller; }<small><aside>...</aside>
Standardisé en HTML 3.2 ; toujours d'actualité.
<s>...</s>
En HTML 4 , indiquait du texte barré ( Strikethrough ) et était équivalent à <strike>. En HTML5 , l' <s>élément désigne des informations qui ne sont « plus exactes ou ne sont plus pertinentes », et ne doit pas être confondu avec <del>, qui indique une suppression/suppression.
Sétait obsolète dans HTML 4.0 Transitional (n'apparaissant dans aucune norme précédente) et n'était pas valide dans HTML 4.0 Strict . Réintroduit dans HTML5 , qui est plutôt obsolète <strike>.
<big>...</big> (deprecated)
Augmentation de la taille de la police ( texte plus gros ). CSS équivalent :{ font-size: larger; }
Standardisé en HTML 3.2 ; non pris en charge en HTML5 .
<strike>...</strike> (deprecated)
Texte barré ( Barré ), (CSS équivalent : ){ text-decoration: line-through; }
STRIKEa été standardisé en HTML 3.2 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict .
<tt>...</tt> (deprecated)
Police à largeur fixe ( de type machine à écrire ), également connue sous le nom de télétype , donc " tt ". (CSS équivalent : ){ font-family: monospace; }
TTexistait en HTML Internet Draft 1.2 et était standardisé en HTML 2.0 ; non pris en charge en HTML5. Remplacements possibles : <kbd>pour marquer l'entrée de l'utilisateur, <var>pour les variables (généralement rendues en italique, et pas avec un changement de monospace), <code>pour le code source, <samp>pour la sortie.
<font>...</font> (deprecated)
<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Peut spécifier la couleur de la police avec l' colorattribut (notez l'orthographe américaine), la police de caractères avec l' faceattribut et la taille absolue ou relative avec l' sizeattribut. Exemples (toutes les utilisations sont obsolètes, utilisez des équivalents CSS si possible) :
  • <font color="green">text</font>crée du texte vert .
  • <font color="#114499">text</font>crée du texte avec la couleur hexadécimale #114499 .
  • <font size="4">text</font>crée du texte de taille 4. Les tailles sont comprises entre 1 et 7. La taille standard est 3, sauf indication contraire dans le <body> ou d'autres balises.
  • <font size="+1">text</font>crée du texte avec une taille 1 plus grande que la norme. est en face.<font size="-1">text</font>
  • <font face="Courier">text</font>fait du texte avec la police Courier.
CSS équivalent pour les attributs de police :
  • <font size="N">correspond à (la spécification HTML ne définit pas la relation entre la taille N et la taille de l'unité Y , ni ne définit une unité).{font-size: Yunits}
  • <font color="red"> Correspond à { color: red; }
  • <font face="Times New Roman">correspond à – CSS prend en charge une pile de polices , de deux polices alternatives ou plus.{ font-family: 'Times New Roman', Times, serif; }
Standardisé en HTML 3.2 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict . Ne fait pas partie de HTML5.

Envergure

<span>...</span>
Une division logique en ligne. Un élément générique sans signification sémantique utilisé pour distinguer une section de document, généralement à des fins telles que la présentation ou le comportement contrôlé par des feuilles de style ou des appels DOM .
Standardisé en HTML 4.0 ; toujours d'actualité.

Autres éléments en ligne

<br />
Un saut de ligne forcé.
Standardisé en HTML 2.0 ; toujours d'actualité.
<bdi>...</bdi>
Isole une section de texte en ligne qui peut être formatée dans une direction différente d'un autre texte en dehors de celle-ci, comme le contenu généré par l'utilisateur avec une directionnalité inconnue.
Standardisé en HTML5 .
<bdo>...</bdo>
Marque une section de texte en ligne dans laquelle le sens de lecture est opposé à celui de l'élément parent.
Standardisé en HTML 4.0 ; toujours d'actualité.
<cite>...</cite>
Une citation ou une référence pour une citation ou une déclaration dans le document.
CITE existait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
Remarque : Les spécifications HTML 5 ont été fourchues de manière confuse , y compris en ce qui concerne cet élément. En HTML 4 et versions antérieures, <cite>était pour "une citation ou une référence à d'autres sources" sans aucune limitation ou exigence particulière. La spécification W3C HTML 5 utilise un raffinement de cette idée, reflétant la façon dont l'élément a été historiquement utilisé, mais exigeant maintenant qu'il contienne (mais sans s'y limiter) au moins l'un des "titre de l'œuvre ou le nom de l'auteur (personne, personnes ou organisation) ou une référence URL, ou une référence sous forme abrégée selon les conventions utilisées pour l'ajout de métadonnées de citation. Mais la spécification WHATWG autorise uniquement l'utilisation de l'élément autour du titre d'une œuvre. Les spécifications du W3C ont commencé par une définition plus large, puis sont passées à une définition très étroite après que WHATWG a apporté ce changement. Cependant, le W3C a annulé son propre changement en 2012, en réponse aux commentaires négatifs de la communauté des développeurs ; l'élément était largement utilisé avec une portée plus large, par exemple, diverses plateformes de blogs et de forums encapsulent les identifiants et les adresses e-mail des commentateurs dans <cite>...</cite>, et les personnes utilisant l'élément pour les citations bibliographiques encapsulaient (et encapsulent toujours) systématiquement chaque citation entière dans cet élément. Un autre problème avec l'élément est que WHATWG recommande qu'il soit mis en italique par défaut (ainsi presque tous les navigateurs le font), car il (à leur avis) ne concerne que les titres de publication. Par convention, cependant, seuls certains types de titres sont en italique, tandis que d'autres doivent être mis entre guillemets, et les normes peuvent en fait varier selon le contexte de publication et la langue. Par conséquent, de nombreux auteurs et administrateurs de sites Web utilisent une feuille de style à l'échelle du site pour annuler les italiques automatiques de cet élément.
<data>...</data>
Liens contenus en ligne avec une traduction lisible par machine.
Standardisé en HTML5 .
<del>...</del>
Texte supprimé. Généralement rendu sous forme de barré :Texte supprimé.
Standardisé en HTML 4.0 ; toujours d'actualité.
<ins>...</ins>
Texte inséré. Souvent utilisé pour baliser le texte de remplacement pour le matériel frappé avec <del>ou <s>. Typiquement rendu souligné :Texte inséré.
Standardisé en HTML 4.0 ; toujours d'actualité.
Les éléments <ins>et <del>peuvent également être utilisés comme éléments de bloc : ils contiennent d'autres éléments de bloc et en ligne. Cependant, ces éléments doivent toujours rester entièrement dans leur élément parent pour maintenir un document HTML bien formé. Par exemple, la suppression de texte au milieu d'un paragraphe sur plusieurs autres paragraphes et se terminant par un dernier paragraphe nécessiterait l'utilisation de trois <del>éléments distincts . Deux <del>éléments seraient requis comme éléments en ligne pour indiquer la suppression de texte dans les premier et dernier paragraphes, et un troisième, utilisé comme élément de bloc, pour indiquer la suppression dans les paragraphes intermédiaires.
<mark>...</mark>
Produit un texte qui ressemble comme ça. Destiné à mettre en évidence le texte pertinent dans une citation.
Standardisé en HTML5 .
<q>...</q>
Un devis en ligne (pour le devis au niveau du bloc, voir ). Les éléments de citation peuvent être imbriqués. devrait générer automatiquement des guillemets en conjonction avec des feuilles de style. Les problèmes pratiques dus à la non-conformité du navigateur peuvent obliger les auteurs à trouver des solutions de contournement. L' attribut donne la source et doit être un URI complet .<blockquote><q> cite
Standardisé en HTML 4.0 ; toujours d'actualité.
Remarque : Les citations en ligne longues peuvent être affichées sous forme de blocs en retrait (comme block-quote) à l'aide de feuilles de style. Par exemple, avec une règle CSS adaptée associée à q.lengthy:<q>Lengthy quote here.</q >
<rb>...</rb>
Représente le composant de base d'une annotation ruby .
Standardisé en HTML5 .
<rp>...</rp>
Fournit une parenthèse de secours pour les navigateurs ne prenant pas en charge les annotations ruby .
Standardisé en HTML5 .
<rt>...</rt>
Indique la prononciation d'un caractère dans une annotation ruby .
Standardisé en HTML5 .
<rtc>...</rtc>
Annotations sémantiques pour une annotation ruby .
Standardisé en HTML5 .
<ruby>...</ruby>
Représente une annotation ruby pour montrer la prononciation des caractères d'Asie de l'Est.
Standardisé en HTML5 .
<script>...</script>
Place un script dans le document. Également utilisable dans les contextes de tête et de bloc. Remarque : <script> n'est lui-même ni un bloc ni un élément en ligne ; en lui-même, il ne devrait pas s'afficher du tout, mais il peut contenir des instructions pour générer dynamiquement du contenu en bloc ou en ligne.
Standardisé en HTML 3.2 ; toujours d'actualité.
<sub>...</sub>
<sup>...</sup>
Mark indicé ou superscript texte. (CSS équivalent : et , respectivement.){ vertical-align: sub; }{ vertical-align: super; }
Les deux ont été proposés dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<template>...</template>
Fragments de code à copier par des scripts.
Standardisé en HTML5 .
<time>...</time>
Représente une heure sur l'horloge de 24 heures ou une date sur le calendrier grégorien , éventuellement avec des informations sur l'heure et le fuseau horaire. Permet également de représenter les heures et les dates dans un format lisible par machine.
Standardisé en HTML5 .
<wbr />
Une coupure de mot facultative.
A été largement utilisé (et pris en charge par tous les principaux navigateurs) pendant des années bien qu'il ne soit pas standard jusqu'à ce qu'il soit finalement standardisé en HTML5 .

Images et objets

<applet>...</applet> (deprecated)
Incorpore une applet Java dans la page. Déprécié en faveur de <object>, car il ne pouvait être utilisé qu'avec des applets Java et avait des limitations d'accessibilité.
Standardisé en HTML 3.2 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict . En 2011, encore largement utilisé car les implémentations du remplacement <object>ne sont pas cohérentes entre les différents navigateurs.
<area />
Spécifie une zone focalisable dans un fichier<map> .
Standardisé en HTML 3.2 ; toujours d'actualité.
<audio>...</audio>
Ajoute de l' audio HTML5 lisible à la page. L'URL audio est déterminée à l'aide de l' srcattribut. Les formats audio pris en charge varient d'un navigateur à l'autre.
Standardisé en HTML5 .
<canvas>...</canvas>
Ajoute un canevas dont le contenu peut être modifié avec JavaScript . Fréquemment utilisé pour les jeux en ligne.
Standardisé en HTML5 .
<embed>...</embed>
Insère un objet non standard (comme une applet) ou un contenu externe (généralement non HTML) dans le document.
Obsolète dans HTML 4 en faveur de <object>, mais a ensuite été rajouté dans la spécification HTML5
<img />
Utilisé par les agents utilisateurs visuels pour insérer une image dans le document. L' srcattribut spécifie l'URL de l'image. L' altattribut requis fournit un texte alternatif au cas où l'image ne pourrait pas être affichée. (Bien qu'il altsoit conçu comme un texte alternatif, Microsoft Internet Explorer 7 et les versions antérieures le rendent sous forme d' info - bulle si aucun titleattribut n'est fourni. Safari et Google Chrome , en revanche, n'affichent pas du tout l'attribut alt.) L' <img />élément a d'abord été proposé par Marc Andreessen et implémenté dans le navigateur Web NSCA Mosaic .
IMGexistait dans HTML Internet Draft 1.2 et était standardisé dans HTML 2.0 ; toujours d'actualité.
<map>...</map>
Spécifie une image cliquable côté client .
Standardisé en HTML 3.2 ; toujours d'actualité.
<object>...</object>
Inclut un objet dans la page du type spécifié par l' typeattribut. Il peut s'agir de n'importe quel type MIME compris par l'agent utilisateur, comme une page HTML intégrée, un fichier à gérer par un plug-in tel que Flash , une applet Java , un fichier son, etc.
Standardisé en HTML 4.0 ; toujours d'actualité.
<param />
Introduit à l'origine avec <applet>, cet élément est maintenant utilisé avec <object>, et ne devrait apparaître qu'en tant qu'enfant de <object>. Il utilise des attributs HTML pour définir un paramètre pour l'objet, par exemple la largeur, la hauteur, la police, la couleur d'arrière-plan, etc., selon le type d'objet. Un objet peut avoir plusieurs <param />éléments.
Standardisé en HTML 3.2 ; toujours d'actualité.
<source>...</source>
Spécifie différentes sources pour l'audio ou la vidéo. Utilise l' srcattribut d'une manière similaire aux éléments <video>et <audio>.
Standardisé en HTML5 .
<track>...</track>
Fournit des pistes de texte, comme des sous-titres et des légendes, pour l'audio et la vidéo.
Standardisé en HTML5 .
<video>...</video>
Ajoute une vidéo HTML5 lisible à la page. L'URL de la vidéo est déterminée à l'aide de l' srcattribut. Les formats vidéo pris en charge varient d'un navigateur à l'autre.
Standardisé en HTML5 .

Formes

Ces éléments peuvent être combinés dans un formulaire ou, dans certains cas, utilisés séparément comme contrôles d'interface utilisateur ; dans le document, ils peuvent être du HTML simple ou utilisés en conjonction avec des scripts. Le balisage HTML spécifie les éléments qui composent un formulaire et la méthode par laquelle il sera soumis. Cependant, certaines formes de scripts ( côté serveur , côté client ou les deux) doivent être utilisés pour traiter l'entrée de l'utilisateur une fois qu'elle est soumise.

(Ces éléments sont soit des éléments de bloc, soit des éléments en ligne, mais sont collectés ici car leur utilisation est plus restreinte que d'autres éléments en ligne ou de bloc.)

<form action="url">...</form>
Crée un formulaire . L' <form>élément spécifie et exploite l'action globale d'une zone de formulaire, en utilisant l' actionattribut requis .
Standardisé en HTML 2.0 ; toujours d'actualité.
<button>...</button>
Un bouton de formulaire générique qui peut contenir une série d'autres éléments pour créer des boutons complexes.
Standardisé en HTML 4.0 ; toujours d'actualité.
<datalist>...</datalist>
Une liste de options à utiliser dans les éléments de formulaire.
Standardisé en HTML5 .
<fieldset>...</fieldset>
Un conteneur pour ajouter de la structure aux formulaires. Par exemple, une série de contrôles liés peuvent être regroupés au sein d'un <fieldset>, qui peut ensuite avoir un <legend>ajout afin d'identifier leur fonction.
Standardisé en HTML 4.0 ; toujours d'actualité.
<input />
<input> permettent de mettre en œuvre une variété de contrôles de formulaire standard.
Standardisé en HTML 2.0 ; toujours d'actualité.
Types d'entrée :
 tapez ="case à cocher"
Une case à cocher . Peut être coché ou décoché.
 tapez ="radio"
Un bouton radio . Si plusieurs boutons radio portent le même nom, l'utilisateur ne pourra en sélectionner qu'un dans ce groupe.
 tapez ="bouton"
Un bouton à usage général. L'élément <button>est préféré si possible (c'est-à-dire si le client le supporte) car il offre des possibilités plus riches.
 tapez ="soumettre"
Un bouton d' envoi .
 tapez ="image"
Un bouton image . L'URL de l'image peut être spécifiée avec l' srcattribut.
 tapez ="réinitialiser"
Un bouton de réinitialisation pour réinitialiser le formulaire aux valeurs par défaut.
 tapez ="texte"
Un champ de saisie de texte d'une ligne . L' sizeattribut spécifie la largeur par défaut de l'entrée en caractères-largeurs. max-lengthdéfinit le nombre maximum de caractères que l'utilisateur peut saisir (qui peut être supérieur à la taille).
Dont une variante textproduit une barre de recherche.
 tapez ="mot de passe"
Une variante de text. La différence est que le texte tapé dans ce champ est masqué – les caractères sont affichés sous la forme d'un astérisque, d'un point ou d'un autre remplacement. Le mot de passe est toujours soumis au serveur sous forme de texte brut , un protocole de communication sécurisé sous-jacent tel que HTTPS est donc nécessaire si la confidentialité est un problème.
 tapez ="fichier"
Un champ de sélection de fichier (pour télécharger des fichiers sur un serveur).
 tapez ="tel"
Une variation de textpour les numéros de téléphone .
 tapez ="e-mail"
Une variante de textpour les adresses e-mail .
 tapez ="url"
Une variante de textpour les URL .
 tapez ="date"
Un sélecteur de dates.
 tapez ="heure"
Un sélecteur de temps.
 tapez ="numéro"
Une variation de textpour les nombres.
 tapez ="plage"
Produit un curseur qui renvoie un nombre, mais le nombre n'est pas visible pour l'utilisateur.
 tapez ="couleur"
Un sélecteur de couleurs.
 tapez ="caché"
hiddenles entrées ne sont pas visibles dans la page rendue, mais permettent à un concepteur de conserver une copie des données qui doivent être soumises au serveur dans le cadre du formulaire. Il peut s'agir, par exemple, de données que cet internaute a saisies ou sélectionnées sur un formulaire précédent et qui doivent être traitées conjointement avec le formulaire en cours. Non affiché pour l'utilisateur, mais les données peuvent toujours être modifiées côté client en modifiant la source HTML.
<isindex /> (deprecated)
<isindex />pourrait apparaître dans l'en-tête ou dans le corps du document, mais une seule fois dans un document. <isindex />exploité comme un formulaire de recherche HTML primitif ; mais a été de facto obsolète par des formulaires HTML plus avancés introduits du début au milieu des années 90. Représente un ensemble de liens hypertexte composé d'un URI de base, d'une esperluette et de mots - clés codés en pourcentage séparés par des signes plus .
ISINDEXexistait dans les balises HTML ; standardisé en HTML 2.0 ; obsolète dans HTML 4.0 Transitional ; invalide en HTML 4.0 Strict .
<keygen>...</keygen> (deprecated)
Un générateur de paires de clés.
Standardisé en HTML5 , mais supprimé en HTML 5.2.
<label for="id">...</label>
Crée une étiquette pour une entrée de formulaire, telle que radio. Un clic sur l'étiquette déclenche un clic sur l'entrée correspondante.
Standardisé en HTML 4.0 ; toujours d'actualité.
<legend>...</legend>
Une légende (légende) pour un fichier <fieldset>.
Standardisé en HTML 4.0 ; toujours d'actualité.
<meter>...</meter>
Un compteur qui a besoin d'un valueattribut. Peut aussi avoir : min, low, high, et max.
Standardisé en HTML5 .
<option value="x">...</option>
Crée un élément dans une <select>liste.
Standardisé en HTML 2.0 ; toujours d'actualité.
<optgroup>...</optgroup>
Identifie un groupe d' <option>éléments dans une <select>liste.
Standardisé en HTML 4.0 ; toujours d'actualité.
<output>...</output>
La valeur d'un élément de formulaire.
Standardisé en HTML5 .
<progress>...</progress>
Une barre pour montrer la progression d'une action.
Standardisé en HTML5 .
<select name="xyz">...</select>
Crée une liste de sélection, à partir de laquelle l'utilisateur peut sélectionner une seule option. Peut être rendu sous forme de liste déroulante.
Standardisé en HTML 2.0 ; toujours d'actualité.
<textarea rows="8">...</textarea>
Une zone de texte sur plusieurs lignes, dont la taille est spécifiée par cols(où une colonne est une largeur de texte d'un caractère) et des rows attributs HTML . Le contenu de cet élément est limité au texte brut, qui apparaît dans la zone de texte comme texte par défaut lorsque la page est chargée.
Standardisé en HTML 2.0 ; toujours d'actualité.

les tables

Le format des tableaux HTML a été proposé dans les brouillons HTML 3.0 et les derniers RFC 1942 HTML Tables . Ils ont été inspirés par le modèle de table CALS . Certains éléments de ces propositions ont été inclus dans HTML 3.2 ; la forme actuelle des tableaux HTML a été normalisée en HTML 4. (Beaucoup des éléments utilisés dans les tableaux ne sont ni des blocs ni des éléments en ligne .)

<table>...</table>
Identifie une table. Plusieurs attributs HTML sont possibles dans HTML Transitional, mais la plupart d'entre eux ne sont pas valides dans HTML Strict et peuvent être remplacés par des feuilles de style. L' summaryattribut est requis de manière informelle à des fins d'accessibilité, bien que son utilisation ne soit pas simple.
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<tr>...</tr>
Contient une ligne de cellules dans un fichier <table>.
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<th>...</th>
Une <table>cellule d'en-tête ; les contenus sont classiquement affichés en gras et centrés. Un agent utilisateur auditif peut utiliser une voix plus forte pour ces éléments.
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<td>...</td>
Une <table>cellule de données.
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<colgroup>...</colgroup>
Spécifie un groupe de colonnes dans un fichier <table>.
Proposé dans les tableaux HTML ; Standardisé en HTML 4.0 ; toujours d'actualité.
<col>...</col>
Spécifie une colonne dans un fichier <table>.
Proposé dans les tableaux HTML ; Standardisé en HTML 4.0 ; toujours d'actualité.
<caption>...</caption>
Spécifie une légende pour un fichier <table>.
Proposé dans les brouillons HTML 3.0 ; Standardisé en HTML 3.2 ; toujours d'actualité.
<thead>...</thead>
Spécifie la partie d'en-tête d'un fichier <table>. Cette section peut être répétée par l'agent utilisateur si le tableau est divisé sur plusieurs pages (en impression ou autre support paginé).
Proposé dans les tableaux HTML ; Standardisé en HTML 4.0 ; toujours d'actualité.
<tbody>...</tbody>
Spécifie un corps de données pour un fichier <table>.
Proposé dans les tableaux HTML ; Standardisé en HTML 4.0 ; toujours d'actualité.
<tfoot>...</tfoot>
Spécifie la partie de pied de page d'un fichier <table>. Comme <thead>, cette section peut être répétée par l'agent utilisateur si le tableau est divisé sur plusieurs pages (en impression ou autre support paginé).
Proposé dans les tableaux HTML ; Standardisé en HTML 4.0 ; toujours d'actualité.

Cadres

Les cadres permettent de diviser une fenêtre de navigateur HTML visuelle en segments, chacun pouvant afficher un document différent. Cela peut réduire l'utilisation de la bande passante, car les parties répétitives d'une mise en page peuvent être utilisées dans un cadre, tandis que le contenu variable est affiché dans un autre. Cela peut avoir un certain coût d'utilisation, en particulier dans les agents utilisateurs non visuels, en raison du fait que des documents (ou sites Web) séparés et indépendants sont affichés les uns à côté des autres et autorisés à interagir avec la même fenêtre parente. En raison de ce coût, les cadres (à l'exclusion de l' <iframe>élément) ne sont autorisés que dans le jeu de cadres HTML 4.01. Les iframes peuvent également contenir des documents sur différents serveurs. Dans ce cas, l'interaction entre les fenêtres est bloquée par le navigateur. Des sites comme Facebook et Twitter utilisent des iframes pour afficher du contenu (plugins) sur des sites Web tiers. Google AdSense utilise des iframes pour afficher des bannières sur des sites Web tiers.

En HTML 4.01, un document peut contenir a <head>et a <body> ou a <head>et a <frameset>, mais pas à la fois a <body>et a <frameset>. Cependant, <iframe>peut être utilisé dans un corps de document normal.

<frameset>...</frameset> (deprecated)
Contient l'ensemble des <frame />éléments d'un document. La disposition des cadres est donnée par des listes séparées par des virgules dans les attributs HTMLrows et .cols
Standardisé en HTML 4.0 Frameset, obsolète en HTML5.
<frame /> (deprecated)
Définit une seule image, ou région, dans le <frameset>. Un document séparé est lié à un cadre en utilisant l' srcattribut à l'intérieur de l' <frame />élément.
Standardisé en HTML 4.0 Frameset, obsolète en HTML5.
<noframes>...</noframes> (deprecated)
Contient du contenu HTML normal pour les agents utilisateurs qui ne prennent pas en charge les <frame />éléments.
Standardisé en HTML 4.0 Transitional, obsolète en HTML5.
<iframe>...</iframe>
Un cadre en ligne place un autre document HTML dans un cadre. Contrairement à un <object />élément, an <iframe>peut être le cadre "cible" pour les liens définis par d'autres éléments, et il peut être sélectionné par l'agent utilisateur comme focus pour l'impression, la visualisation de sa source, etc. Le contenu de l'élément est utilisé comme texte alternatif à afficher si le navigateur ne prend pas en charge les cadres intégrés.
Introduit pour la première fois par Microsoft Internet Explorer en 1997, normalisé en HTML 4.0 Transitional, autorisé en HTML5.

longdesc attribut

En HTML , longdescest un attribut utilisé dans les éléments <img />, <frame />, ou <iframe>. Il s'agit d'une URL vers un document qui fournit une longue description de l'image, du cadre ou de l'iframe en question. Notez que cet attribut doit contenir une URL, et non - comme on le fait souvent une erreur - le texte de la description elle-même.

longdesca été conçu pour être utilisé par les lecteurs d'écran pour afficher des informations d'image pour les utilisateurs d'ordinateurs ayant des problèmes d' accessibilité , tels que les aveugles ou les malvoyants, et est largement mis en œuvre par les navigateurs Web et les lecteurs d'écran. Certains développeurs objectent qu'il est en fait rarement utilisé à cette fin car il y a relativement peu d'auteurs qui utilisent l'attribut et la plupart de ces auteurs l'utilisent de manière incorrecte ; ainsi, ils recommandent de déprécier longdesc. L'industrie de l'édition a réagi en prônant le maintien de longdesc.

Exemple

<img src="Hello.jpg" longdesc="description.html">


Contenu de description.html:

<br />
<p>This is an image of a two-layered birthday cake.</p>
...

Lien vers la description longue dans le texte

Étant donné que très peu de navigateurs graphiques prennent en charge la mise à disposition native du lien (Opera et iCab étant les exceptions), il est utile d'inclure un lien vers la page de description à proximité de l' <img />élément chaque fois que cela est possible, car cela peut également aider les utilisateurs voyants.

Exemple
<img src="Hello.jpg" longdesc="description.html" /> [<a href=
"description.html" title="long description of the image">D</a>]

Éléments historiques

Les éléments suivants faisaient partie des premiers HTML développés par Tim Berners-Lee de 1989 à 1991 ; ils sont mentionnés dans les balises HTML , mais dépréciés dans HTML 2.0 et n'ont jamais fait partie des normes HTML.

<listing>...</listing> (deprecated)
Cet élément affichait le texte à l'intérieur des balises dans une police monospace et sans interpréter le HTML. La spécification HTML 2.0 recommandait de rendre l'élément jusqu'à 132 caractères par ligne.
Obsolète en HTML 3.2 ; obsolète en HTML5 .
<plaintext /> (deprecated)
<plaintext />n'a pas de balise de fin car elle termine le balisage et provoque l'analyse du reste du document comme s'il s'agissait de texte brut .
<plaintext />existait dans les balises HTML ; obsolète en HTML 2.0 ; invalide en HTML 4.0 .
<xmp>...</xmp> (deprecated)
Cet élément affichait le texte à l'intérieur des balises dans une police monospace et sans interpréter le HTML. La spécification HTML 2.0 recommandait de rendre l'élément à 80 caractères par ligne.
Obsolète en HTML 3.2 ; obsolète en HTML5 .
<nextid /> (deprecated)
Cet élément a permis à l'outil de conception Web NeXT de générer des étiquettes NAME automatiques pour ses ancres et a lui-même été généré automatiquement.
<nextid />existait dans les balises HTML (décrites comme obsolètes) ; obsolète en HTML 2.0 ; invalide dans HTML 3.2 et versions ultérieures.

Éléments non standard

Cette section répertorie certains éléments obsolètes largement utilisés, ce qui signifie qu'ils ne sont pas utilisés dans du code valide . Ils peuvent ne pas être pris en charge dans tous les agents utilisateurs.

Fait clignoter le texte. Introduit dans l'imitation des codes d'échappement ANSI . Peut être fait avec CSS lorsque pris en charge : (Cet effet peut avoir des conséquences négatives pour les personnes atteintes d' épilepsie photosensible ; son utilisation sur l'Internet public doit suivre les directives appropriées.){text-decoration: blink}
<blink>provient de Netscape Navigator et est principalement reconnu par ses descendants, dont Firefox ; obsolète ou invalide dans HTML 2.0 et versions ultérieures. Notez que la balise CSS de remplacement, bien que standard, n'a pas besoin d'être prise en charge.
<layer>...</layer> (deprecated)
Crée un calque positionné et encadré de manière absolue. Peut être fait avec des cadres et/ou CSS à la place. Il existe des attributs, notamment ID , LEFT , TOP , PAGEX , PAGEY , SRC , Z-INDEX , ABOVE , WIDTH , HEIGHT , BELOW , CLIP , VISIBILITY et CLIP .
<layer>originaire de Netscape 4 ; obsolète ou invalide dans HTML 4.01 et versions ultérieures.
<marquee>...</marquee> (deprecated)
Crée du texte défilant. Peut être fait avec des scripts à la place. (Cet effet peut avoir des conséquences négatives pour les personnes atteintes d' épilepsie photosensible ; son utilisation sur l'Internet public doit suivre les directives appropriées.) Il existe trois options, dont Alternate , Scroll et slide . Scrolldelay peut également être ajouté.
<marquee>originaire de Microsoft Internet Explorer ; obsolète ou invalide dans HTML 4.01 et versions ultérieures.
<nobr>...</nobr> (deprecated)
Empêche le texte de se rompre à la fin de la ligne, empêchant le retour à la ligne lorsque le texte dépasse la largeur de l'objet englobant. Le texte adjacent peut se casser avant et après. Peut être fait avec CSS :{white-space: nowrap;}
<nobr>est un élément propriétaire reconnu par la plupart des navigateurs pour des raisons de compatibilité ; obsolète ou invalide dans HTML 2.0 et versions ultérieures.
<noembed>...</noembed> (deprecated)
Spécifie un contenu alternatif, si l'intégration ne peut pas être rendue. Remplacé par le contenu de l' élément ou .<embed><object>

commentaires

<!-- A Comment -->

Un commentaire en HTML (et XML associé, SGML et SHTML) utilise la même syntaxe que le commentaire SGML ou le commentaire XML , selon le type de document.

Contrairement à la plupart des balises HTML, les commentaires ne s'imbriquent pas.

Le balisage <!--Xbegin<!--Y-->Xend-->donnera le commentaireXbegin<!--Y et le texte Xend--> après, ou parfois juste Xend-->, selon le navigateur.

Les commentaires peuvent apparaître n'importe où dans un document, car l'analyseur HTML est censé les ignorer, peu importe où ils apparaissent tant qu'ils ne sont pas à l'intérieur d'autres structures de balises HTML (c'est-à-dire qu'ils ne peuvent pas être utilisés à côté d'attributs et de valeurs ; ceci est un balisage invalide : ).<span id="x1"<--for "extension one"--> style="..."<

Les commentaires peuvent même apparaître avant la déclaration doctype ; aucune autre balise n'est autorisée à le faire.

Cependant, tous les navigateurs et éditeurs HTML ne sont pas entièrement compatibles avec le cadre de syntaxe HTML et peuvent faire des choses imprévisibles dans certaines conditions de syntaxe. La gestion défectueuse des commentaires n'affecte qu'environ 5% de tous les navigateurs et éditeurs HTML utilisés, et même alors, seules certaines versions sont affectées par des problèmes de mauvaise gestion des commentaires (Internet Explorer 6 représente la majeure partie de ce pourcentage élevé).

Il y a quelques bizarreries de compatibilité impliquant des commentaires :

  • Placer des commentaires – ou même n'importe quel caractère à l'exception des espaces blancs – avant le doctypefera qu'Internet Explorer 6 utilisera le mode bizarreries pour la page HTML. Aucune des doctypeinformations ne sera traitée.
  • Pour la compatibilité avec certains navigateurs antérieurs à 1995, le contenu des éléments <style>et <script>est encore parfois entouré de délimiteurs de commentaires, et les navigateurs compatibles CSS et scripts sont écrits pour ignorer spécifiquement ce balisage de commentaire comme n'étant pas réellement un commentaire. Cela signifie que les tentatives de commenter le CSS et le balisage de script en modifiant les éléments à l'intérieur du commentaire pour qu'ils ne soient pas reconnus, par exemple .<-- [script]...[/script] -->
  • L' éditeur HTML BlueGriffon , en versions 1.7. x , fait des commentaires qui ne sont pas intégrés dans la structure syntaxique ; apparaîtra à l'écran. D'autres éditeurs HTML peuvent avoir ce même défaut.<style> ... {comment tags} ...</style>

Voir également

Remarques

Les références

  1. ^ un b "§3 Sur SGML et HTML" . Spécification HTML 4.01 . W3C . 24 décembre 1999. §3.2.1 Éléments.
  2. ^ "§3 Sur SGML et HTML" . Spécification HTML 4.01 . W3C . 24 décembre 1999. §3.1 Introduction à SGML.
  3. ^ "HTML 4.01, §21, Définition du type de document" . W3C . 24 décembre 1999.
  4. ^ A b c d e "balises HTML standard § en option" . WHATWG . Récupéré le 22 mars 2019 .
  5. ^ "§1. Document Objet Modèle HTML" . Spécification HTML de niveau 2 du modèle objet de document (DOM) . W3C . 9 janvier 2003. §1.3. XHTML et le DOM HTML.
  6. ^ un b "§7 La structure globale d'un document HTML" . Spécification HTML 4.01 . W3C . 24 décembre 1999. §7.5.3 Eléments de niveau bloc et en ligne.
  7. ^ Mark Newhouse (27 septembre 2002). "Conception CSS : Listes d'apprivoisement" . Une liste à part .
  8. ^ XHTML 1.0 §4.2
  9. ^ XML 1.0 (La possibilité de produire des éléments supplémentaires fait partie de l' extensibilité de l'acronyme.)
  10. ^ XML 1.0 §5.1
  11. ^ QU'EST-CE QUE . § 15
  12. ^ XHTML 1.1 §A
  13. ^ "HTML & CSS" . W3C . 2013.
  14. ^ "Annexe D. Feuille de style par défaut pour HTML 4" . Feuilles de style en cascade Niveau 2 Révision 1 (CSS 2.1) Spécification . W3C . 7 juin 2011.
  15. ^ HTML 4.01 §14.1
  16. ^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., éd. (2003-01-14). "§2.3 Options d'utilisation de SVG dans les pages Web" . Spécifications des graphiques vectoriels évolutifs (SVG) 1.1 . W3C . Récupéré le 2009-03-25 .
  17. ^ HTML 4.01 §12.3
  18. ^ HTML 4.01 § 14.3.2
  19. ^ HTML 4.01 §18
  20. ^ CSS §1.1
  21. ^ "4.4 Regroupement de contenu – HTML5" . HTML5 : Un vocabulaire et des API associées pour HTML et XHTML – Recommandation W3C . Consortium du World Wide Web . 28 octobre 2014. §4.4.8 L'élément dl . Consulté le 16 août 2015 .
  22. ^ "Listes dans les documents HTML" . Spécification HTML 4.01 – Recommandation W3C . World Wide Web Consortium. 24 décembre 1999. §10.3 Listes de définitions : les éléments DL, DT et DD . Consulté le 2 mai 2015 .
  23. ^ W3C (5 avril 2011). "HTML5 : Un vocabulaire et des API associées pour HTML et XHTML, W3C Working Draft" ..
  24. ^ HTML 4.01 , W3.org , récupéré 2012-03-26
  25. ^ HTML 4 pour les nuls , 5e éd., 2005, par Ed Tittel, Mary C. Burmeister; p. 96.
  26. ^ "ServerWriter -- /Provider" . www.w3.org .
  27. ^ "HTML 5.2" . www.w3.org .
  28. ^ Balise d' acronyme, acronyme.
  29. ^ 4.6 Sémantique au niveau du texte - L'élément b , Developers.whatwg.org , récupéré 2012-03-26
  30. ^ 4.6 Sémantique au niveau du texte - L'élément i , Developers.whatwg.org , récupéré le 2012-03-26
  31. ^ 4.6 Sémantique au niveau du texte - L'élément u , Developers.whatwg.org , récupéré le 2012-03-26
  32. ^ 4.6 Sémantique au niveau du texte - Le petit élément , Developers.whatwg.org , récupéré le 2012-03-26
  33. ^ 4.6 Sémantique au niveau du texte - L'élément s , Developers.whatwg.org , récupéré le 2012-03-26
  34. ^ a b 11 Fonctionnalités obsolètes - HTML5 , W3.org , récupéré le 2012-03-26
  35. ^ "Spécification HTML5 finalisée, les querelles sur les spécifications continuent" . Ars Technica. 29 octobre 2014 . Consulté le 29 octobre 2014 .
  36. ^ « 9.2.1 Éléments de phrase : EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR et ACRONYM » . Spécification HTML 4.01 . W3C . 24 décembre 1999 . Récupéré le 26 juillet 2018 .
  37. ^ HTML 5.2 Recommandation W3C , à "§4.5.6. L'élément cite" .
  38. ^ HTML Living Standard , à "§4.5.6 L'élément cite" .
  39. ^ "<données>" . Documents Web MDN .
  40. ^ " Balise HTML <rb> " . www.quackit.com .
  41. ^ "<rp>: L'élément Ruby Fallback Parenthèse" . Documents Web MDN .
  42. ^ "<rt> : L'élément de texte Ruby" . Documents Web MDN .
  43. ^ "<rtc> : L'élément Ruby Text Container" . Documents Web MDN .
  44. ^ "<rubis>" . Documents Web MDN .
  45. ^ "<heure>" . Documents Web MDN .
  46. ^ Jennifer Kyrnin <embed>
  47. ^ W3Schools à propos<embed>
  48. ^ Le texte de l'attribut alt ne peut pas être stylisé avec du balisage ; en conséquence, d'autres méthodes de présentation de texte alternative, telles que le remplacement d'image Fahrner , ont été conçues pour s'adapter aux situations dans lesquelles le codeur souhaite que le texte stylisé soit affiché si les images sont désactivées dans le navigateur d'un utilisateur.
  49. ^ « Quoi de neuf dans Internet Explorer 8 – Accessibilité et ARIA » . MSDN . Microsoft . Récupéré le 2009-07-22 .
  50. ^ Bug 5566 - La valeur de l'attribut ALT n'est parfois pas affichée lorsque l'image est manquante , Bugs.webkit.org , récupéré le 2012-03-26
  51. ^ WWW-Talk Jan-Mar 1993: nouvelle balise proposée: IMG , 1997.webhistory.org , récupéré le 2012-03-26
  52. ^ "Les cadres sont-ils accessibles ?" . ... les cadres présentent des défis d'utilisation supplémentaires qui sont propres aux utilisateurs handicapés, en particulier ceux qui utilisent des lecteurs d'écran.
  53. ^ "Objets, images et applets" . W3C . Récupéré le 20/12/2008 .
  54. ^ "InState Longdesc" . Récupéré le 2011-09-05 .
  55. ^ "Créer des images accessibles" . WebAim . Récupéré le 20/12/2008 .
  56. ^ Utilisation de Longdesc - WHATWG Wiki , Wiki.whatwg.org , récupéré 2012-03-26
  57. ^ "Bogue 13461 - Commentaire sur le numéro 30 (longdesc) de l'Association of American Publishers" . Récupéré le 2011-09-05 .
  58. ^ "<liste>" . Documents Web MDN .
  59. ^ "<xmp>" . Documents Web MDN .
  60. ^ "<nextid>: L'élément d'identification NeXT (obsolète)" . Documents Web MDN .
  61. ^ un b Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). « Directives pour l'accessibilité du contenu Web 1.0 » . Consortium du World Wide Web . Récupéré le 20-07-2010 .

Bibliographie

Normes HTML

HTML 2.0 :
Berners-Lee, Tim ; Connolly, Dan (novembre 1995). "Langage de balisage hypertexte - 2.0 (RFC 1866)" . IETF . Récupéré le 2009-03-24 .
HTML 3.2 :
Raggett, Dave (1997-01-14). "Spécification de référence HTML 3.2" . W3C . Récupéré le 2009-03-27 .
HTML 4.01 :
Raggett, Dave ; Le Hors, Arnaud ; Jacobs, Ian (1999-12-24). "Spécification HTML 4.01" . W3C . Récupéré le 2009-03-24 . (HTML 4.01 remplacé 4.0 (1998), qui n'a jamais été largement mis en œuvre, et toutes les versions antérieures. Remplacé à son tour le 2018-03-27 par HTML 5.2 )
XHTML 1.0 :
W3C (2002-08-01) [2000]. "XHTML 1.0 : Le langage de balisage hypertexte extensible (deuxième édition)" . Version révisée. W3C . Récupéré le 2009-03-24 .
XHTML 1.1 :
Altheim, Murray ; McCarron, Shane; Ishikawa, Masayasu, éd. (2010-11-23) [2001]. "XHTML 1.1 - XHTML basé sur des modules - Deuxième édition" . Version révisée. W3C . Récupéré le 2018-07-26 . (Remplacé le 2018-03-27 par HTML 5.2.)
Austin, Daniel ; Peruvemba, Subramanian ; McCarron, Shane ; Ishikawa, Masayasu ; Birbeck, Marc ; Altheim, Murray ; Boumphrey, Frank; Dooley, Sam ; Schnitzenbaumer, Sébastien ; Wugofski, Ted, éd. (2010-07-29) [2006]. "Modularisation XHTML 1.1 - Deuxième édition" . Version révisée. W3C . Récupéré le 2018-07-26 . (Une version plus détaillée de ce qui précède. Également remplacée le 2018-03-27 par HTML 5.2 .)
W3C HTML 5.2 :
Faulkner, Steve; Eicholz, Arron ; Leithead, Travis ; Danilo, Alex; Lune, Sangwhan ; Doyle Navara, Erika ; O'Connor, Thérèse ; Berjon, Robin, éd. (2017-12-14) [2016]. "Recommandation HTML 5.2 W3C" . Version révisée. W3C . Récupéré le 2018-07-26 . Remplace toutes les versions précédentes de HTML et XHTML, y compris HTML 5.1 .
WHATWG HTML5 Niveau de vie :
Hickson, Ian , éd. (2018-07-25). "HTML niveau de vie" . Version une page. WHATWG . Récupéré le 26/07/2018 . Également disponible en version multipage et en édition développeur (également multipage, avec une fonction de recherche et d'autres gadgets, et moins les détails n'intéressant que les fournisseurs de navigateurs).

Autres sources

Balises HTML :
Berners-Lee, Tim (1992-11-03). "Balises HTML" . Récupéré le 2009-03-28 . (Une partie de la première description publiée de HTML.)
Brouillon Internet HTML 1.2 :
Berners-Lee, Tim ; Connolly, Dan (juin 1993). « Langage de balisage hypertexte (HTML) » . Récupéré le 2009-03-28 .
Brouillons HTML 3.0 :
Raggett, Dave (1995-03-24). "HyperText Markup Language Specification Version 3.0 (brouillon)" . Récupéré le 18-04-2009 . (Il s'agit de la version finale de HTML 3.0, qui a expiré sans être développée davantage.)
Tableaux HTML :
Raggett, Dave (mai 1996). "Tableaux HTML (RFC 1942)" . IETF . Récupéré le 2009-03-22 .
XML 1.0 :
Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Ève ; Yergeau, François, éd. (2008-11-26). "Langage de balisage extensible (XML) 1.0 (cinquième édition)" . W3C . Récupéré le 20/03/2009 .
CSS 1 :
Mensonge, Håkon Wium ; Bos, Bert (2008-04-11) [1996]. "Feuilles de style en cascade, niveau 1" . Version révisée. W3C . Récupéré le 2018-07-26 .
CSS 2.1 :
Bos, Bert ; Çelik, Tantek ; Hickson, Ian ; Lie, Håkon Wium (12 avril 2016) [2011]. "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification" . Version révisée. W3C . Récupéré le 26/07/2018 .
CSS 3 et 4 :
Atkins, Tab, Jr. ; Eternad, Elika J.; Rivoal, Florian (31 janvier 2017). "Css Instantané 2017" . W3C . §2. Feuilles de style en cascade (CSS) – La définition officielle . Récupéré le 2018-07-26 . (Liste des spécifications actives qui ont remplacé CSS 2.1, à la date de publication.)
« État actuel du CSS » . W3C . 2018 . Récupéré le 2018-07-26 . (Les niveaux CSS 3 et 4 sont développés en tant que modules indépendants, indexés sur cette page.)

Liens externes