Worldlex Wiki Un document HTML est composé d'une arborescence de nœuds HTML simples, tels que des nœuds de texte, et d'éléments HTML qui ajoutent de la sémantique et de la mise en forme à différentes parties du document (par exemple, mettre du texte en gras, l'organiser en paragraphes, listes et tableaux, ou encore intégrer des hyperliens et des images). Chaque élément peut posséder des attributs HTML . Les éléments peuvent également contenir du contenu, notamment d'autres éléments et du texte.
Éléments vs. balises
Comme on l’entend généralement, la position d’un élément est indiquée par une balise ouvrante et se termine par une balise fermante. C’est le cas pour de nombreux éléments d’un document HTML, mais pas pour tous. Cette distinction est explicitement soulignée dans la spécification HTML 4.01 :
Les éléments ne sont pas des balises. Certains les appellent balises (par exemple, « la balise P »). Il est important de distinguer l'élément de la balise (qu'il s'agisse de la balise ouvrante ou fermante). Par exemple, l'élément HEAD est toujours présent, même si les balises d'ouverture et de fermeture HEAD sont absentes du balisage.
De même, la recommandation W3C HTML 5.1 2e édition dit explicitement :
HTML5 ) est basé sur SGML [ analyse syntaxique dépend également de la définition de type de document (DTD), et plus précisément d'une DTD HTML (par exemple, HTML 4.01) . La DTD spécifie les types d'éléments 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. De manière générale, en SGML, lorsqu'une seule structure valide est Le 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 comme structure de document, l'analyse syntaxique du XML est plus simple. La relation entre les balises et les éléments consiste toujours à analyser les balises elles-mêmes incluses dans le document, sans tenir compte des fermetures implicites propres au SGML.Le HTML utilisé sur le web actuel est généralement traité soit comme du XML ( XHTML ), soit comme du HTML5 ; dans les deux cas, l’analyse des balises du document en éléments du DOM ( Document Object Model ) est simplifiée par rapport aux anciens systèmes HTML. Une fois le DOM des éléments obtenu, le comportement aux niveaux supérieurs de l’interface (par exemple : rendu à l’écran) est identique ou quasi identique.
%block;contre boîte
Ce comportement de présentation CSS repose en partie sur la notion de « modèle de boîte ». Celui-ci s'applique aux éléments que CSS considère comme des éléments « bloc », définis par la déclaration CSS.CSS appropriés et différents , notamment en ce qui concerne la pertinence du modèle de boîte pour certains types d'éléments.
Notez toutefois que ce comportement CSS peut être modifié, et l'est fréquemment, par rapport à la valeur par défaut. Les listes contenant des éléments `<list>` sont présentées par défaut comme des éléments de bloc. Cependant, il est assez courant de les configurer en CSS pour qu'elles s'affichent comme une liste en ligne.
En syntaxe HTML , la plupart des éléments sont délimités par une balise ouvrante et une balise fermante, le contenu étant placé entre les deux. Une balise HTML est composée du nom de l'élément, entouré de chevrons . La balise fermante se termine également par une barre oblique. Par exemple, un paragraphe, représenté par l' élément `<p>`, s'écrirait ainsi :éléments vides , n'ont pas de balise de fermeture. Un exemple typique est l' élément <br> ( saut de ligne ). Le comportement d'un élément vide est prédéfini : il ne peut contenir aucun contenu ni aucun autre élément. Par exemple, une adresse s'écrirait ainsi :
/à la Les attributs HTML sont spécifiés à l'intérieur de la balise ouvrante et sont composés du nom de l'attribut, suivi du signe égal , puis de la valeur. Par exemple : Depuis HTML5 , HTML autorise l'utilisation de noms d'attributs en majuscules et l'omission des guillemets.
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 en référence stricte au balisage délimitant le début et la fin d'un élément.
En HTML, les noms d'éléments (et d'attributs) peuvent être écrits en majuscules ou en minuscules, mais doivent être en minuscules en XHTML. La forme canonique était en majuscules jusqu'à HTML 4 et était utilisée dans les spécifications HTML, mais ces dernières années, les minuscules sont devenues plus courantes.
Types d'éléments
Il existe trois types d' éléments HTML : les éléments normaux, les éléments de texte brut et les éléments vides.
Les éléments normaux comportent généralement une balise ouvrante et une balise fermante, bien que pour certains éléments, la balise fermante, voire les deux, puissent être omises. Leur construction est similaire :
- une balise de début ( ) marquant le début d'un élément, qui peut incorporer un nombre quelconque d' attributs HTML ;
- 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 : .
XHTML, la spécification HTMLautorise un espace et une barre oblique optionnels(`` est autorisé). La barre oblique est obligatoire enXHTMLet dans d'autresXML. Deux éléments vides courants sont` (pour unsaut de ligne, comme dans un poème ou une adresse) et`<br>` (pour unecoupure thématique). D'autres éléments de ce type sont souvent des espaces réservés qui font référence à des fichiers externes, comme l'élément image (`<img>`). Les attributs inclus dans l'élément pointent alors vers le fichier externe en question. Un autre exemple d'élément vide est `<div>`, dont la syntaxe est :"},"parts":[{"template":{"target":{"wt":"code","href":"./Template:Code"},"params":{"lang":{"wt":"html"},"code":{"wt":""}},"i":0}}] <img/>
href = "fancy.css" type = "text/css" >
Cet élément indique au navigateur la feuille de style à utiliser lors de l'affichage du document HTML à l'utilisateur. En HTML, les attributs composés uniquement de certains caractères (lettres, chiffres, tiret et point) n'ont pas besoin d'être entre guillemets. En revanche, en XML (XHTML), tous les attributs doivent être entre guillemets et une barre oblique finale espacée est requise avant la dernière accolade.
Attributs
Les attributs HTML définissent le comportement souhaité ou indiquent des propriétés supplémentaires de l'élément. La plupart des attributs requièrent une valeur . En HTML, cette valeur peut être omise si elle ne contient pas d'espaces (), ou encadrée par des guillemets simples ou doubles (ou). En XML , ces guillemets sont obligatoires.
Les attributs booléens , en revanche, ne nécessitent pas de valeur. Par exemple, pour checkedles cases à cocher :
Normes élémentaires
Les éléments HTML sont définis dans une série de normes ouvertes et librement disponibles, publiées depuis 1995, initialement par l' IETF puis par le W3C .
Durant la guerre des navigateurs des années 1990, les développeurs d' agents utilisateurs ( navigateurs web, par exemple ) ont souvent créé leurs propres éléments, dont certains ont été intégrés aux normes ultérieures. D'autres agents utilisateurs peuvent ne pas reconnaître ces éléments non standard, qui seront alors 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 , pour une utilisation 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 sont identiques dans les deux formats, et dans la plupart des cas, un document XHTML 1.0 valide sera également un document HTML 4.01 valide ou presque. Cet article se concentre principalement sur le HTML, sauf indication contraire ; cependant, il reste applicable au XHTML. Consultez la documentation HTML pour une discussion des différences mineures entre les deux.
État de l'élément
Depuis la première version de 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 considérés comme invalides, et peut-être non affichés, par les agents utilisateurs de validation ).
En HTML 4.01 / XHTML 1.0 , le statut des éléments est compliqué par l'existence de trois types de DTD :
- Transitionnels , qui contiennent des éléments obsolètes, mais qui étaient destinés à fournir une période de transition pendant laquelle les auteurs pouvaient mettre à jour leurs pratiques ;
- Frameset , qui sont des versions des DTD de transition qui permettent également aux auteurs d'écrire des documents frameset ;
- Strict , qui est la forme la plus récente (en 1999) du HTML.
HTML5 fournit en revanche une liste des fonctionnalités obsolètes , en complément du contenu normatif standardisé . Elles sont classées en deux catégories : les fonctionnalités « obsolètes mais conformes », pour lesquelles des instructions d’implémentation existent, et les fonctionnalités « non conformes », qui doivent être remplacées.
La première norme ( HTML 2.0 ) contenait quatre éléments obsolètes, dont l'un était invalide en HTML 3.2 . Ces quatre éléments sont invalides en HTML 4.01 Transitional , qui a également rendu obsolètes dix autres éléments. Tous ces éléments, ainsi que deux autres, sont invalides en HTML 4.01 Strict . Bien que les éléments `<frame>` soient encore présents dans les DTD Transitional et Frameset, il n'est pas prévu de les conserver dans les normes futures, car leur fonction a été largement remplacée et ils posent de sérieux problèmes d'accessibilité pour les 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 fréquente de confusion est l'utilisation imprécise du terme « déprécié » pour désigner à la fois un statut obsolète et un statut invalide, ainsi que des éléments qui devraient être formellement dépréciés à l'avenir.
Contenu vs. présentation et comportement
Depuis HTML 4, l'accent est de plus en plus mis sur la séparation du contenu (texte et images visibles) et de la présentation (couleurs, taille des polices et mise en page). On parle alors de séparation des préoccupations . HTML sert à représenter la structure ou le contenu d'un document ; sa présentation reste la responsabilité exclusive des feuilles de style CSS . Une feuille de style par défaut est proposée dans la norme CSS, fournissant un rendu par défaut pour le HTML.
L'interactivité est également dissociée du contenu et gérée par des scripts . Les images sont contenues dans des fichiers graphiques distincts , séparés du texte, bien qu'elles puissent être considérées comme faisant partie du contenu d'une page.
La séparation des responsabilités permet à différents agents utilisateurs d'afficher le document 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 afficher un document sur un écran, l'imprimer sur papier ou déterminer les caractéristiques vocales dans un agent utilisateur audio uniquement. Les fonctions structurelles et sémantiques du balisage restent identiques dans tous les cas.
Historiquement, les navigateurs n'ont pas toujours pris en charge ces fonctionnalités. Dans les années 1990, à titre de solution provisoire, des éléments de présentation (comme `<p>` et `<div> `) ont été ajoutés au HTML, au prix de problèmes d'interopérabilité et d'accessibilité pour l'utilisateur. Cette approche est aujourd'hui considérée comme obsolète et a été remplacée par la conception basée sur les feuilles de style ; la plupart des éléments de présentation sont désormais dépréciés. XHTML , le langage SVG peut également être utilisé pour insérer des graphiques dans le document, bien que la liaison à 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 ayant une valeur sémantique similaire pour les agents utilisateurs non visuels.
Un document HTML peut également être étendu grâce à l'utilisation de scripts afin de fournir des comportements supplémentaires allant au-delà des possibilités offertes par les hyperliens et les formulaires HTML.
Les éléments et , avec leurs attributs HTML associés , fournissent des feuilles de style et des scripts.
- Dans l'en-tête du document, l'élément peut renvoyer vers des documents externes partagés ou contenir des instructions intégrées. (Cet élément peut également servir à lier des feuilles de style.)
> - 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'exécutent pas de scripts, l' élément fournit un contenu alternatif intégré le cas échéant ; cependant, il ne peut être utilisé que dans l'en-tête du document et dans le corps en tant qu'élément de niveau bloc.
élément racine d'un document HTML ; tous les autres éléments sont contenus dans celui-ci. 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).
- Normalisé dans HTML 2.0 ; toujours d'actualité.
<head>...</head>- Conteneur pour le traitement des informations et des 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).
- Normalisé dans HTML 5.0 ; toujours d'actualité.
<body></body>- 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).
- Normalisé dans HTML 2.0 ; toujours d'actualité.
Éléments d'en-tête de document
<base>BASE) est mentionnée dans les balises HTML ; normalisée dans HTML 2.0 ; toujours actuelle.<basefont/>(deprecated)<font>
<isindex/>(deprecated)CGIFormulaires .<link/>type="text/css"href="url"title="description_of_style">href="url"><head><link/>LINKexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<meta/><meta/><meta/><meta>Dans un formulaire, les éléments peuvent spécifier les en-têtes HTTP qui doivent être envoyés par un serveur web avant le contenu proprement dit. Par exemple, indique que la page doit être servie avec un en-tête HTTP appelé `en-tête` ayant la valeur `true` .<meta/>content="bar"/>foobar
<meta/>namecontentschemecontent="bar"scheme="DC"/><meta/>foobar<object>...</object><head><script>...</script>srcattribut optionnel. Également utilisable dans le corps du document pour générer dynamiquement du contenu de type bloc ou en ligne.<style>...</style>>...</style>@importHTML 3.2 ; toujours d'actualité.<title>...</title>- Les navigateurs Web l'affichent généralement dans la barre de titre de la fenêtre lorsque celle-ci 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.
- On ne peut utiliser l'élément <title> qu'une seule fois sur une page web. Lorsqu'on crée une autre page, on utilise à nouveau un élément <title> avec un nouveau titre (n'utilisez pas le même nom pour toutes les balises de titre du site web, cela peut poser problème aux moteurs de recherche).
- Les robots d'exploration des moteurs de recherche Web peuvent accorder une attention particulière aux mots utilisés dans le titre.
<title><title>Éléments du corps du document
Dans les navigateurs visuels, les éléments affichables peuvent être rendus sous forme de bloc ou en ligne . Bien que tous les éléments fassent partie de la séquence du document, les éléments de type bloc apparaissent à l'intérieur de leurs éléments parents :
- comme des objets rectangulaires qui ne se brisent pas au travers des 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.
À l'inverse, les éléments en ligne sont traités comme faisant partie du flux du texte du document ; ils ne peuvent pas avoir de marges, de largeur ou de hauteur définies et sont coupés en deux 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 occupent toute la largeur de leur élément parent et ne permettent donc à aucun autre élément d'occuper le même espace horizontal qu'eux.
La structure rectangulaire d'un élément de type bloc est souvent appelée modèle de boîte CSS et se compose de plusieurs parties. Chaque élément contient les éléments suivants :
- Le contenu d'un élément est le texte (ou autre média) placé entre les balises ouvrante et fermante de cet élément.
- Le remplissage d'un élément correspond à l'espace autour de son contenu, tout en faisant partie intégrante de cet élément. Il ne doit pas être utilisé pour créer un espace blanc entre deux éléments. Tout style d'arrière-plan appliqué à l'élément, comme une image ou une couleur, sera visible à l'intérieur du remplissage. Augmenter le remplissage d'un élément augmente l'espace qu'il occupe.
- La bordure d'un élément en constitue l'extrémité absolue et en délimite tout le périmètre. L'épaisseur de la bordure augmente la taille de l'élément.
- La marge d'un élément est l'espace blanc qui l'entoure. Le contenu, le remplissage et la bordure des autres éléments ne peuvent empiéter sur cette zone, sauf si un placement CSS avancé les y oblige . Avec la plupart des DTD standard , les marges gauche et droite des éléments se repoussent mutuellement. En revanche, les marges supérieure et inférieure d'un élément ne se superposent pas. L'espace blanc entre ces éléments sera donc égal à la plus grande marge les séparant.
La section ci-dessus concerne 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
<h1>...</h1><h2>...</h2><h3>...</h3><h4>...</h4><h5>...</h5><h6>...</h6>h1La balise `<h1>` délimite le titre de niveau supérieur, puis h2le niveau inférieur (sous-section), h3et ainsi de suite h6. On les appelle parfois collectivement des balises `<h1>`, où `<h1>` représente n'importe quel niveau de titre. Par défaut, la plupart des navigateurs affichent les titres en gras, mais ce comportement peut être modifié avec CSS . Les éléments `<h1>` ne servent pas uniquement à mettre en forme du texte ; en réalité, ils ne doivent pas être utilisés pour styliser explicitement le texte. Leur rôle est plutôt de décrire la structure et l'organisation du document. Certains logiciels les utilisent pour générer des plans et des tables des matières.hnListes
DLexistait dans les balises HTML et a été normalisée dans HTML 2.0 ; toujours d'actualité.<dt>...</dt>DTexistait dans les balises HTML et a été normalisée dans HTML 2.0 ; toujours d'actualité.<dd>...</dd>DDexistait dans les balises HTML et a été normalisée dans HTML 2.0 ; toujours d'actualité.<ol>...</ol>typeattribut permet de spécifier le type de marqueur à utiliser dans la liste, mais les feuilles de style offrent un contrôle plus précis. La numérotation arabe est utilisée par défaut. Dans un attribut HTML : ; ou dans une déclaration CSS : – en remplaçant par l'un des éléments suivants : >CJK , hébreu, géorgien et arménien. L'attribut est obsolète en HTML 3.2 et 4.01, mais pas en HTML 5.OLexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<ul>...</ul>>les balises HTML et a été normalisée dans HTML 2.0 ; toujours d'actualité.<li>...</li>ol) ou non ordonnées ( ul).LIexistait dans les balises HTML et a été normalisée dans HTML 2.0 ; toujours d'actualité.<dir>...</dir>(deprecated)les balises HTML et a été normalisé dans HTML 2.0 ; obsolète dans HTML 4.0 Transitional ; invalide dans HTML 4.0 Strict .Autres éléments de bloc
<article>...</article><aside>...</aside><blockquote>...</blockquote>citeattribut `source` (à ne pas confondre avec l' élément `<blockquote>`) peut indiquer la source et doit être un identifiant de ressource uniforme (URI) complet . Par défaut, les citations de niveau bloc dans les navigateurs visuels sont généralement indentées des deux côtés. Cela a conduit à une utilisation excessive de l'élément `<blockquote>` pour indenter des paragraphes, sans tenir compte de la sémantique. Cependant, cette utilisation non sémantique de l' élément `<blockquote>` pour indenter du texte est déconseillée par le W3C ( World Wide Web Consortium ) depuis HTML 4. Il est préférable d'utiliser CSS . Pour les citations ne contenant pas d'éléments de niveau bloc, voir l' élément `<quote>`.<cite>blockquote<q>BLOCKQUOTEexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<center>...</center>(deprecated)<div><del>...</del><div>...</div><figure>...</figure><figcaption><figcaption>...</figcaption><figure><hr/><ins>...</ins><main>...</main><menu>...</menu><ul>MENUexistait dans les balises HTML et a été normalisée dans HTML 2.0 ; dépréciée dans HTML 4.0 Transitional ; invalide dans HTML 4.0 Strict ; puis redéfinie dans HTML5 , supprimée dans HTML 5.2, mais est incluse dans la norme HTML Living Standard en 2019.<nav>...</nav><noscript>...</noscript><pre>...</pre><pre>...</pre><image><object><big><small><sup><sub>...</sub>PREexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<section>...</section><div><script>...</script><script/>src<script>...</script><script>É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. texte d'ancrage ), soit la cible (la destination) d'un lien hypertexte . En tant qu'origine, l'attribut href` @external` crée un lien hypertexte ; celui-ci peut pointer vers une autre partie du document ou vers une autre ressource (par exemple, une page web) via une URL externe . En tant que cible, l' attributname `@external` ou `@external` permet de lier l'élément depuis une URL via un identifiant de fragment . Ces deux formes, origine et ancre, peuvent être utilisées simultanément.id
En HTML5, n'importe quel élément peut désormais être transformé en cible en utilisant l' idattribut, donc l'utilisation n'est pas nécessaire, bien que cette façon d'ajouter des ancres continue de fonctionner.>...</a>
Pour illustrer cela : l’en-tête d’une section de table des matières surexemple.comLa page d'accueil de ce site pourrait être transformée en cible en écrivant : . Maintenant que la section a été balisée comme cible, elle peut être référencée depuis des sites externes avec un lien comme : ; ou avec un lien sur la même page comme : .>Table of contents</a></h2>>see contents</a>>contents, above</a>
L'attribut titlepeut être configuré pour fournir de brèves informations sur le lien : .title="additional information">link text</a>
Dans la plupart des navigateurs graphiques, lorsque le curseur survole un lien, il se transforme en main avec l'index levé et la titlevaleur s'affiche dans une infobulle ou d'une autre manière. Certains navigateurs affichent le texte alternatif de la même façon, bien que cela ne soit pas conforme aux spécifications.
Aexistait dans les balises HTML et a été normalisée dans HTML 2.0 .
Éléments de phrase
Les éléments de phrase servent à baliser les phrases et à structurer ou à enrichir sémantiquement les fragments de texte. Par exemple, les balises <em> et <em> permettent de mettre l'accent sur certains passages du texte.abréviation et permet de rendre disponible la forme complète :>abbr.</abbr><acronym>...</acronym>(deprecated)>HTML</acronym>abbrbalise <div>. <dfn>...</dfn>DFNexistait dans la version préliminaire 1.2 d'HTML Internet et a été entièrement normalisée dans HTML 3.2 ; toujours d'actualité.<em>...</em>EMexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<strong>...</strong>STRONGexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité, redéfinie dans HTML5.
Éléments de phrase informatique
Ces éléments sont principalement utiles pour documenter le développement du code informatique et l'interaction avec l'utilisateur grâce à la différenciation du code source ( ), des variables ( ), des entrées de l'utilisateur ( ) et des sorties du terminal ou autres ( ).la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<kbd>...</kbd>KBDexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<samp>...</samp>SAMPexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<var>...</var>VARexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.
Présentation
HTML5 , l'utilisation de ces éléments n'est plus déconseillée, à condition qu'elle soit sémantiquement correcte. CSS équivalent pour les attributs de police :<s><u><small>HTML 4 , définissez la police en gras lorsque cela est possible. CSS équivalent : `<b> `. L’ élément `<b>` a généralement le même effet dans les navigateurs visuels, et possède également une signification sémantique plus riche, en HTML 4.01 . En HTML5 , cependant, `<b>` a sa propre signification, distincte de celle de `<b> `. Il désigne « un texte sur lequel l’attention est attirée à des fins utilitaires, sans lui conférer d’importance particulière ni impliquer un ton ou une ambiance différents » <b><strong>Bexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité, redéfinie dans HTML5.<i>...</i><i><em>Iexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité, redéfinie dans HTML5.<u>...</u><u><u>UPrésent dans la version préliminaire 1.2 d'HTML , normalisé dans HTML 3.2 , il a été déprécié dans HTML 4.0 Transitional et invalidé dans HTML 4.0 Strict . Réintroduit dans HTML5 .<small>...</small><small><aside>...</aside><s>...</s>Strikethrough ) et était équivalent à <br>. En HTML5 , l' élément <br> désigne une information « qui n'est plus exacte ou qui n'est plus pertinente » et ne doit pas être confondu avec <br>, qui indique une suppression. <strike><s><del>Sa été déprécié dans HTML 4.0 Transitional (n'apparaissant dans aucune norme précédente) et était invalide dans HTML 4.0 Strict . Réintroduit dans HTML5 , qui a quant à lui déprécié .<strike><big>...</big>(deprecated)HTML 3.2 ; non pris en charge dans HTML5 .<strike>...</strike>(deprecated)Barré ), (CSS équivalent : )HTML 3.2 ; déprécié dans HTML 4.0 Transitional ; invalide dans HTML 4.0 Strict .<tt>...</tt>(deprecated)la version préliminaire 1.2 d'HTML et a été normalisé dans HTML 2.0 ; non pris en charge dans HTML5. Remplacements possibles : pour marquer les entrées utilisateur, pour les variables (généralement rendues en italique et non avec un changement de style), pour le code source, pour la sortie. <kbd><var><code><samp><font>...</font>(deprecated)>text</font>crée du texte vert .>text</font>crée du texte avec la couleur hexadécimale #114499 .>text</font>crée un texte de taille 4. Les tailles vont de 1 à 7. La taille standard est 3, sauf indication contraire dans la balise < body> ou d'autres balises.>text</font>crée un texte dont la taille est supérieure de 1 à la taille standard. est l'inverse.>text</font>>text</font>génère du texte avec la police Courier.<fontsize="N">correspond à (la spécification HTML ne définit pas la relation entre la taille N et la taille unitaire Y , ni ne définit d'unité).{font-size:Yunits}>correspond à>correspond à – CSS prend en charge une HTML 3.2 ; obsolète dans HTML 4.0 Transitional ; invalide dans HTML 4.0 Strict . Ne fait pas partie de HTML5.
Portée
Autres éléments en ligne
<bdi>...</bdi><bdo>...</bdo><cite>...</cite><cite><cite>...</cite>Un autre problème lié à cet élément est que WHATWG recommande de l'utiliser en italique par défaut (ce que font la quasi-totalité des navigateurs), car il est (selon eux) réservé aux titres de publications. Or, par convention, seuls certains types de titres prennent l'italique, tandis que d'autres sont placés entre guillemets. De plus, les normes peuvent 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 globale pour désactiver l'italique automatique de cet élément.
<data>...</data><del>...</del><ins>...</ins><del><s>Texte inséré.<ins><del><del><del><mark>...</mark><q>...</q><blockquote><q>cite<rb>...</rb><rp>...</rp><rt>...</rt><rtc>...</rtc><ruby>...</ruby><script>...</script><script><sub>...</sub><sup>...</sup>brouillons HTML 3.0 ; normalisées dans HTML 3.2 ; toujours d'actualité.<template>...</template><time>...</time><wbr/>Images et objets
<object><area/><map><audio>...</audio>srcattribut. Les formats audio pris en charge varient selon le navigateur.<canvas>...</canvas><embed>...</embed><object><img/>srcattribut `alt` spécifie l'URL de l'image. L' altattribut `alt`, obligatoire , fournit un texte alternatif au cas où l'image ne pourrait pas être affichée. (Bien que altconçu comme texte alternatif, Microsoft Internet Explorer 7 et versions antérieures l'affichent sous forme d'infobulle si aucun titleattribut `alt` n'est fourni. Safari et Google Chrome , en revanche, n'affichent pas du tout l'attribut `alt`.) Cet élément a été proposé initialement par Marc Andreessen et implémenté dans le navigateur web NCSA Mosaic . <img/>IMGexistait dans la version préliminaire 1.2 d'HTML Internet et a été normalisée dans HTML 2.0 ; toujours d'actualité.<map>...</map><object>...</object>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 destiné à être traité par un plug-in tel que Flash , une applet Java , un fichier audio, etc.<param/><applet><object><object><param/><source>...</source>srcattribut de manière similaire aux éléments et .<video><audio><track>...</track><video>...</video>srcattribut. Les formats vidéo pris en charge varient selon le navigateur.Formulaires
(Ces éléments sont soit des éléments de bloc, soit des éléments en ligne, mais ils sont regroupés ici car leur utilisation est plus restreinte que celle des autres éléments en ligne ou de bloc.)
>...</form><form>action<button>...</button><datalist>...</datalist>options à utiliser dans les éléments de formulaire.<fieldset>...</fieldset><fieldset><legend><input/><input>Ces éléments permettent la mise en œuvre de divers contrôles de formulaire standard.<button>srcattribut.sizeattribut spécifie la largeur par défaut du champ en largeurs de caractères. max-lengthDéfinit le nombre maximal de caractères que l'utilisateur peut saisir (qui peut être supérieur à la taille).textcette fonction permet de créer une barre de recherche.text. La différence réside dans le fait que le texte saisi dans ce champ est masqué : les caractères sont affichés sous forme d'astérisques, de points ou d'autres symboles. Le mot de passe est toujours transmis au serveur en clair ; par conséquent, un protocole de communication sécurisé sous-jacent tel que HTTPS est nécessaire si la confidentialité est importante.textpour les numéros de téléphone .textpour les adresses e-mail .textpour les URL .textles nombres.hiddenLes champs de saisie ne sont pas visibles sur la page affichée, mais permettent au concepteur de conserver une copie des données à soumettre au serveur dans le cadre du formulaire. Il peut s'agir, par exemple, de données saisies ou sélectionnées par l'utilisateur dans un formulaire précédent et qui doivent être traitées conjointement avec celles du formulaire actuel. Ces données ne sont pas affichées à l'utilisateur, mais il est possible de les modifier côté client en éditant le code HTML.<isindex/>(deprecated)<isindex/>Peut apparaître soit dans l'en-tête, soit dans le corps du document, mais une seule fois. Fonctionnait comme un formulaire de recherche HTML primitif ; mais a été de facto remplacé par des formulaires HTML plus avancés introduits au début des années 1990. Représente un ensemble d'hyperliens composés d'une URI de base, d'une esperluette et de mots-clés encodés en pourcentage, séparés par des signes plus .<isindex/>ISINDEXexistait dans les balises HTML ; normalisé dans HTML 2.0 ; obsolète dans HTML 4.0 Transitional ; invalide dans HTML 4.0 Strict .<keygen>...</keygen>(deprecated)<labelfor="id">...</label>radio : . Cliquer sur l’étiquette déclenche un clic sur le champ correspondant.<legend>...</legend><fieldset><meter>...</meter>valueattribut. Peut également avoir : min, low, high, et max.<optionvalue="x">...</option><select><optgroup>...</optgroup><option><select><output>...</output><progress>...</progress><selectname="xyz">...</select><textarearows="8">...</textarea>cols (une colonne correspondant à la largeur d'un caractère) . Le contenu de cet élément est limité au texte brut, qui apparaît par défaut dans la zone de texte au chargement de la page.rowsTables
Le format des tableaux HTML a été proposé dans les brouillons HTML 3.0 et, plus tard, dans la RFC 1942 (Tableaux HTML ) . Ces propositions s'inspiraient du modèle de tableau CALS . Certains éléments ont été intégrés à HTML 3.2 ; la forme actuelle des tableaux HTML a été normalisée dans HTML 4. (De nombreux éléments utilisés dans les tableaux ne sont ni des éléments de bloc, ni des éléments en ligne .)
attributs HTML sont possibles en HTML Transitional, mais la plupart sont invalides en HTML Strict et peuvent être remplacés par des feuilles de style. Cetsummaryattribut est généralement requis pour l'accessibilité, bien que son utilisation ne soit pas simple.<tr>...</tr><table><th>...</th><table><td>...</td><table><colgroup>...</colgroup><table><col>...</col><table><caption>...</caption><table><thead>...</thead><table><tbody>...</tbody><table><tfoot>...</tfoot><table><thead>Cadres
En HTML 4.01, un document peut contenir un élément `<div>` et un élément `<span>` attributs HTML ` <frame>` et `<frame> `.<frame/>rowscolsStandardisé dans HTML 4.0 Frameset, obsolète en HTML5. <frame/>(deprecated)Définit une seule image, ou région, au sein de l'élément . Un document distinct est lié à une image à l'aide de l' attribut à l'intérieur de l' élément.<frameset>src<frame/> Standardisé dans HTML 4.0 Frameset, obsolète en HTML5. <noframes>...</noframes>(deprecated)Contient du contenu HTML normal pour les navigateurs qui ne prennent pas en charge les éléments.<frame/> Normalisé dans HTML 4.0 Transitional, obsolète dans HTML5. <iframe>...</iframe>Un cadre intégré place un autre document HTML dans un cadre. Contrairement à un élément `<img>`, un cadre intégré peut être le cadre cible des liens définis par d'autres éléments et peut être sélectionné par le navigateur pour l'impression, l'affichage du code source, etc. Le contenu du cadre intégré sert de texte alternatif si le navigateur ne prend pas en charge les cadres intégrés. Un document distinct est lié à un cadre à l'aide de l' attribut `link` dans l'élément `<img>`, tandis que du code HTML intégré est incorporé dans un cadre à l'aide de l' attribut `inline` dans l' élément `<img>`.<object/><iframe>src<iframe/>srcdoc<iframe/> Introduit pour la première fois par Microsoft Internet Explorer en 1997, normalisé dans HTML 4.0 Transitional, autorisé dans HTML5. longdescattribut
En HTML , longdescl'attribut `description` est utilisé dans les éléments `<img>` , ` <frame>` ou `<iframe> `. Il doit s'agir d'une URL pointant vers un document contenant une description détaillée de l'image, du cadre ou de l'iframe concerné(e). Cet attribut doit contenir une URL et les lecteurs d'écran afin d'afficher des informations sur les images pour les utilisateurs d'ordinateurs ayant des problèmes d'accessibilité , tels que les personnes aveugles ou malvoyantes , cet attribut est largement implémenté par les navigateurs web et les lecteurs d'écran. Certains développeurs objectent que il est en réalité rarement utilisé à cette fin car relativement peu d'auteurs utilisent cet attribut et la plupart d'entre eux l'utilisent incorrectement ; ils recommandent donc de le déprécier longdesc. Le secteur de l'édition a réagi en plaidant pour son maintien longdesc.
Exemple
" < img src = "Hello.jpg" longdesc = "description.html" >
Contenu de description.html:
[D] " < img src = " Hello.jpg " longdesc = " description.html " / > [ <a href="description.html" title="Description détaillée de l'image"> D </a> ]
Éléments historiques
Les éléments suivants faisaient partie des premières versions du HTML développées par Tim Berners-Lee entre 1989 et 1991 ; ils sont mentionnés dans la documentation sur les balises HTML , mais sont obsolètes dans HTML 2.0 et n’ont jamais fait partie des normes HTML.
HTML 2.0 recommandait un affichage de 132 caractères par ligne maximum.<plaintext>(deprecated)<plaintext>ne possède pas de balise de fin car elle termine le balisage et entraîne l'analyse du reste du document comme s'il s'agissait de texte brut .<plaintext>existait dans les balises HTML ; obsolète dans HTML 2.0 ; invalide dans HTML 4.0 .<xmp>...</xmp>(deprecated)<nextid>(deprecated)<nextid>Existait dans les balises HTML (décrites comme obsolètes) ; dépréciées dans HTML 2.0 ; invalides dans HTML 3.2 et versions ultérieures.Éléments non standard
Netscape Navigator et principalement reconnue par ses descendants, notamment Firefox , est obsolète ou invalide en HTML 2.0 et versions ultérieures. La balise CSS de remplacement, bien que standard, n'est pas obligatoire.<layer>...</layer>(deprecated)Netscape 4 ; obsolète ou invalide dans HTML 4.01 et versions ultérieures. <marquee>...</marquee>(deprecated)d'épilepsie photosensible ; son utilisation sur Internet doit respecter les recommandations en vigueur.) Trois options sont disponibles : Alterner , Défiler et Glisser . Un délai de défilement peut également être ajouté. Microsoft Internet Explorer ; obsolète ou invalide dans HTML 4.01 et versions ultérieures.<nobr>...</nobr>(deprecated)Empêche le retour à la ligne en fin de ligne, évitant ainsi le retour à la ligne automatique lorsque le texte dépasse la largeur de l'objet englobant. Le texte adjacent peut être coupé avant et après. Ceci peut être réalisé avec CSS :HTML 2.0 et versions ultérieures. <noembed>...</noembed>(deprecated)Spécifie un contenu alternatif si l'élément intégré ne peut pas être affiché. Remplacé par le contenu de l' élément <img> ou <div>.commentaire en HTML (et en XML, SGML et SHTML associés) utilise la même syntaxe qu'un commentaire SGML ou un commentaire XML , selon le type de document.Contrairement à la plupart des balises HTML, les commentaires ne s'imbriquent pas. Plus généralement, certaines chaînes de caractères ne sont pas autorisées dans le texte d'un commentaire. Il s'agit de `<comment>` <!--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 conformes au cadre de syntaxe HTML et peuvent avoir un comportement imprévisible dans certaines conditions de syntaxe. La gestion défectueuse des commentaires n'affecte qu'environ 5 % des navigateurs et éditeurs HTML utilisés, et même dans ce cas, seules certaines versions sont concernées (Internet Explorer 6 représentant la majeure partie de ce pourcentage élevé).
Il existe quelques particularités de compatibilité concernant les commentaires :
- Placer des commentaires – ou tout autre caractère que des espaces – avant la
doctypebalise </body> forcera Internet Explorer 6 à utiliser le mode de compatibilité pour la page HTML. Aucune doctypeinformation ne sera traitée. - Pour assurer la compatibilité avec certains navigateurs antérieurs à 1995, le contenu des éléments `<script>` et `<script>` est parfois encore entouré de délimiteurs de commentaires. Les navigateurs compatibles CSS et script sont conçus pour ignorer ce balisage, car il ne s'agit pas de véritables commentaires. Par conséquent, toute tentative de commenter du code CSS ou script en modifiant les éléments à l'intérieur du commentaire ne sera pas reconnue, par exemple : `<script>` .
<style><script><--[script]...[/script] --> - L' éditeur HTML BlueGriffon , dans ses versions 1.7.x , génère des commentaires qui ne sont pas intégrés à la structure syntaxique et qui s'affichent à l'écran. D'autres éditeurs HTML peuvent présenter le même défaut.
Plus d articles de Worldlex Wiki
Revenez a l index pour explorer davantage de pages sur l histoire, la science, la culture, la geographie et la societe en francais.
Explorer l index