7 La structure globale d'un document HTML

7.1 Introduction à la structure d'un document HTML

Le document en HTML 4.0 se compose de trois parties:

  1. une ligne contenant des informations sur la version du HTML ,
  2. section en- têtes (élément défini de la HEAD ),
  3. corps, qui comprend le contenu réel du document. Le corps peut être administré élément BODY ou un élément d' un FRAMESET .

Avant chaque élément, ou un espace vide peut être après chaque élément (espaces, sauts de ligne, des onglets et des commentaires). Les articles 2 et 3 devraient être séparés élément HTML .

Voici un exemple d'un simple document HTML:

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
  "Http://www.w3.org/TR/REC-html40/strict.dtd">
 <HTML>
  <HEAD>
  <TITLE> Mon premier document HTML </ TITLE>
  </ HEAD>
  <BODY>
  <P> Bonjour!
  </ BODY>
 </ HTML>

7.2 informations de version HTML

Dans un document HTML doit être déclaré et utilisé dans la version du langage HTML. Ad type de document indique la définition du type de document (DTD), utilisé dans le présent document (voir. [ISO8879] ).

HTML 4.0 spécifie trois DTD, donc les auteurs devraient inclure dans leurs documents l'un des types d'annonces suivants. DTD La différence entre eux est pris en charge les éléments.

  • DTD HTML 4.0 Strict (définition stricte) comprend tous les éléments et attributs qui ne sont pas indésirables documents et inutilisés avec des cadres. Pour les documents qui l'utilisent la DTD, utilisez cette déclaration de type de document:
     <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
      "Http://www.w3.org/TR/REC-html40/strict.dtd">
    
  • DTD HTML 4.0 Transitional (détection de transition) comprend tout ce qui est inclus dans le DTD strict, et les éléments indésirables et les attributs (dont la plupart se réfère à la représentation visuelle). Pour les documents qui l'utilisent la DTD, utilisez cette déclaration de type de document:
     <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional // EN"
      "Http://www.w3.org/TR/REC-html40/loose.dtd">
    
  • HTML 4.0 Frameset DTD (pour la définition du cadre) comprend tout ce qui est inclus dans la DTD de transition, et des cadres. Pour les documents qui l'utilisent la DTD, utilisez cette déclaration de type:
     <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Frameset // EN"
      "Http://www.w3.org/TR/REC-html40/frameset.dtd">
    

URI dans chaque déclaration de type de document permet aux agents utilisateurs de télécharger la DTD et tout le nécessaire entité Les ensembles . Le point URI suivant pour DTD et des combinaisons de jeux pour HTML 4.0, soutenu par le W3C:

La relation entre les identifiants communs et les fichiers peut être spécifié en utilisant un fichier de catalogue, suivi par le format recommandé par le consortium ouvert de SGML (voir. [SGMLOPEN] ). Un fichier de catalogue pour HTML 4.0 est inclus au début de la section sur l' information de référence SGML pour HTML. Les deux dernières lettres de la déclaration indiquent la langue DTD. Pour HTML, ce qui est toujours en anglais ( «FR»).

7.3 Élément HTML

  <! ENTITY% html.content "HEAD, BODY">
 <L'ELEMENT! Le code HTML OO ( % html.content; ) - l'élément racine du document ->
 <! ATTLIST HTML
  % I18n;
  - Le lang , dir -
  >

Balise de début: optionnelle, Balise de fin: en option

les définitions d' attributs

Version = cdata [CN]
Non recommandé. La valeur de cet attribut indique la version de la DTD HTML, qui fait l'objet du présent document. Cet attribut est indésirable parce qu'il est redondant s'il y a des informations sur la version mentionné dans la déclaration de type de document.

Attributs définis ailleurs

Après l'annonce du type de document , le reste du document HTML est contenu dans un élément de HTML . Ainsi, un document HTML typique a la structure suivante:

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
 "Http://www.w3.org/TR/REC-html40/strict.dtd">
 <HTML>
 ... Voici l' en- tête, corps, etc ...

 </ HTML>

7.4 Titre du document

7.4.1 Élément HEAD

  <! - % Head.misc;
  Défini plus tôt que "SCRIPT | STYLE | META | LINK | OBJET" ->
 <! ENTITY% head.content "TITLE & BASE?">
 <L'ELEMENT! La HEAD OO ( % head.content; ) + ( % head.misc; ) - le titre du document ->
 <! ATTLIST HEAD
  % I18n;
  - Le lang , dir -
  profil de % l'URI;
  #IMPLIED - Catalogue Metainformation -
  >

Balise de début: obligatoire, balise de fin: pas nécessaire

les définitions d' attributs

profil = les uri [CT]
Cet attribut indique l'emplacement d'un ou plusieurs profils de méta-données, séparés par un espace. Pour se développer dans l'avenir, les agents utilisateurs devraient supposer que la valeur est une liste, mais dans cette spécification est considérée comme seule la première URI significative. Profils sont discutés ci - dessous dans la section sur les métadonnées .

Attributs définis ailleurs

Element HEAD contient des informations sur le document en cours, tels que le titre, les mots - clés, qui peuvent être utilisés par les moteurs de recherche, et d' autres données qui ne sont pas considérés comme du contenu du document. Les agents utilisateurs ne sont pas couramment utilisés dans la production des éléments de la section HEAD . Cependant, ils peuvent fournir aux utilisateurs les informations de la section HEAD par ses propres mécanismes.

7.4.2 Élément TITRE

  <! - Élément TITLE ne fait pas partie du texte.
  Il doit être affiché, comme le titre de la page
  ou une fenêtre.  Le document doit être exactement un en-tête.
  ->
 <L'ELEMENT! Le TITRE - - (#PCDATA) - ( % head.misc; ) - le titre du document ->
 <! ATTLIST TITRE % i18n >

Balise de début: obligatoire, balise fermante: obligatoire

Attributs définis ailleurs

Chaque document HTML doit avoir l' élément TITLE dans le HEAD .

Les auteurs devraient utiliser l'élément TITLE pour identifier les contenus du document. Parce que les utilisateurs font souvent référence à des documents en dehors du contexte, les auteurs doivent fournir des titres dans le contexte plus large. Ainsi, au lieu des titres tels que «Introduction», ne parlent pas quoi que ce soit sur le contexte, les auteurs devraient utiliser des titres tels que «Introduction à l'abeille médiévale".

Pour des raisons d'accessibilité, les agents utilisateurs doivent toujours faire l'élément contenu TITLE disponible pour les utilisateurs (y compris les éléments TITLE dans des cadres). Le mécanisme de cette dépend de l'agent utilisateur (par exemple, un en-tête ou prononcé).

Les titres peuvent inclure des combinaisons de caractères (pour les caractères accentués, les caractères spéciaux, etc.), mais ne peuvent pas contenir d' autres balises. Voici un titre de document de l'échantillon:

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
  "Http://www.w3.org/TR/REC-html40/strict.dtd">
 <HTML>
 <HEAD>
 <TITLE> L'étude de la dynamique des populations </ TITLE>
 ... D' autres éléments d' en- tête ... </ HEAD>

 <BODY>
 ... Corps du document ...

 </ BODY>
 </ HTML>

7.4.3 Attribut titre

les définitions d' attributs

title = texte [CS]
Cet attribut contient des informations sur l'élément pour lequel il est établi.

Contrairement à l'élément TITLE , qui fournit des informations sur l'ensemble du document et peuvent être présents dans le texte qu'une seule fois, l'attribut title peut être accompagné d'un certain nombre d' éléments. Pour savoir si cet attribut est un élément de support, il est possible de définir les éléments.

Les valeurs d' attribut de titre peuvent être utilisés par les agents utilisateurs pour générer une image de différentes façons. Par exemple, les navigateurs visuels affichent fréquemment le titre comme un indice (court message qui apparaît lorsque vous pointez sur l'objet). utilisateur Audioagenty peut prononcer les informations d'en-tête. Par exemple, la définition de cette attribut lien permet aux agents utilisateurs (visuels et non-visuels) pour dire aux utilisateurs sur la nature de la ressource liée:

  ... Texte ... Cette photo
 <A Href="http://someplace.com/neatstuff.gif" title="Me plongée diving">
  Je me suis plongé dans la dernière année
 </A>
 ... Plus texte ...

Attribut titre joue un rôle supplémentaire lorsqu'il est utilisé avec l'élément LINK pour désigner une feuille de style externe. Voir. Dans la section sur les liens et les feuilles de style .

Remarque. Pour améliorer la qualité de la synthèse de la parole dans le cas des mécanismes standard de manipulation de mauvaises versions futures de HTML peuvent inclure un attribut pour coder l' information phonémique.

7.4.4 Métadonnées

Au moment de la rédaction de ce cahier des charges, travailler sur la mise à disposition de possibilités d'emploi aux auteurs plus d' informations lisibles par machine sur les documents HTML et d' autres ressources du réseau. Pour les métadonnées W3C développé le Resource Description Language (voir. [Le RDF] ).

HTML permet auteurs précisent les données méta - informations sur un document à la place du contenu du document - à bien des égards.

Par exemple, pour spécifier l'auteur d'un document, vous pouvez utiliser l'élément de META suit:

 <META name = "Auteur" content = "Dave Raggett">

Element META définit une propriété (ici "l'auteur (Auteur)") et attribue une valeur (ci - après - "Dave Raggett").

Cette spécification ne définit pas un ensemble de propriétés de métadonnées valides. La valeur de la propriété et l'ensemble des valeurs valides pour cette propriété à déterminer dans un dictionnaire relatif appelé profil . Par exemple, un profil conçu pour aider à l'indexation des documents pour les moteurs de recherche peuvent définir des propriétés telles que "auteur", "droit d'auteur", "mots clés", etc.

métadonnées Spécification  

En général, les métadonnées est un processus en deux étapes:

  1. Propriété de l'annonce et de sa valeur. Cela peut se faire de deux façons:
    1. D'un document en utilisant l'élément META .
    2. Pas sur le document en référence à l'élément de métadonnées par le LINK (voir. Section des types de référence ).
  2. Se référant au profil, qui définit les propriétés et leurs valeurs valides. Pour utiliser l'attribut de profil de la destination profil élément HEAD .

Notez que depuis un profil est défini pour l'élément HEAD , le profil est appliqué à tous les éléments de META et LINK dans l' en- tête du document.

Les agents utilisateurs ne sont pas tenus de soutenir les mécanismes de métadonnées. Cette spécification ne définit pas l'interprétation de métadonnées.

élément META  

  <L'ELEMENT! Le META - A propos de VIDE La - meta générale ->
 <! ATTLIST META
  % I18n;
  - Le lang , dir , pour une utilisation avec le contenu -
  attribut http equiv NAME #IMPLIED - réponse HTTP nom d' en- tête -
  nommer le NOM #IMPLIED - nom de métainformation -
  le contenu d' un CDATA #REQUIRED - informations relatives -
  le schéma d' un CDATA #IMPLIED - select forme de contenu -
  >

Balise de début: requise, Balise de fin: interdite

les définitions d' attributs

Pour les attributs suivants des valeurs valides et leur interprétation dépend du profil :

nom = nom [CS]
Cet attribut spécifie le nom de la propriété. Cette spécification ne liste pas les valeurs légales pour cet attribut.
le contenu = cdata [CS]
Cet attribut spécifie la valeur de la propriété. Cette spécification ne liste pas les valeurs légales pour cet attribut.
le schéma = cdata [CS]
Cet attribut donne le nom du schéma utilisé pour interpréter la valeur de la propriété (voir. Section sur les profils ).
equiv attribut http = nom [CI]
Cet attribut peut être utilisé à la place du nom de l' attribut. Les serveurs HTTP utilisent cet attribut pour recueillir de l'information pour les en-têtes de message de réponse HTTP.

Attributs définis ailleurs dans un plaisir

Element META peut être utilisé pour identifier les propriétés d'un document (par exemple, l' auteur, la date d'expiration, une liste de mots - clés, etc.) et leur attribuer des valeurs. Cette spécification ne définit pas un ensemble normatif de valeurs.

Chaque élément de la META définit paire de propriété / valeur. L'attribut name spécifie les propriétés d'un attribut, le contenu - la valeur.

Par exemple, la déclaration suivante définit la valeur de l'auteur:

  <META name = "Auteur" content = "Dave Raggett">

Attribut lang peut être utilisé avec l'élément de META pour spécifier la valeur de l' attribut de la langue du contenu . Cela permet à des synthétiseurs vocaux à utiliser les règles de prononciation pour les différentes langues.

Dans cet exemple, le nom de l'auteur est déclaré dans la langue française:

 <META name = "Auteur" lang = "fr" content = "Arnaud Le Hors">

Remarque. Element META - un mécanisme générique pour l' attribution de métadonnées. Toutefois, certains éléments et attributs HTML déjà gérer certains éléments de méta - données et peuvent être utilisés par les auteurs au lieu des éléments de META pour spécifier ces morceaux: les éléments de la TITLE , l'adresse , l'INS et la DEL , l'attribut title et attribuer la Cité .

Remarque. Si la propriété est spécifiée en utilisant l'élément META , prend la valeur de l'URI , certains auteurs préfèrent spécifier les méta - données via l'élément LINK . Ainsi, la déclaration suivante:

  <Nom de META = "DC.identifier"
  content = "ftp://ds.internic.net/rfc/rfc1866.txt">

Il peut également être écrit comme suit:

  <LINK rel = "DC.identifier"
  type = "text / plain"
  href = "ftp://ds.internic.net/rfc/rfc1866.txt">
META et en- têtes HTTP

L'attribut http-equiv peut être utilisé à la place du nom de l' attribut; il est particulièrement important lorsque les documents chargés sur le protocole de transfert hypertexte (HTTP). Les serveurs HTTP peuvent utiliser le nom de propriété spécifié dans l'attribut http-equiv tête dans la création de réponse HTTP dans le style de [la RFC822] . Pour plus d' informations sur les en- têtes HTTP valides, voir. Dans la spécification HTTP ( [RFC2068] ).

Dans l'exemple suivant, classé META :

 <META http-equiv = "Expire" content = "Tue, Aug 1996 14:25:27 20 GMT">

retourne l'en-tête HTTP suivant:

  Expire: Tue, Aug 1996 14:25:27 20 GMT 

Il peut être utilisé par les caches pour déterminer quand télécharger une nouvelle copie du document associé.

Certains agents utilisateurs prennent en charge l'utilisation de l'élément META pour rafraîchir la page courante après un nombre spécifié de secondes avec la possibilité de substitution par d' autres URI.

 <META http-equiv = "refresh" content = "3, http: //www.acme.com/intro.shtml">

contenu - un nombre qui spécifie le délai en secondes, suivi d'un URI, que vous devez télécharger après cette heure. Ce mécanisme est largement utilisé pour créer un épargnants à court terme. Cependant, étant donné que certains agents utilisateurs ne prennent pas en charge ce mécanisme, les auteurs doivent être inclus dans l'option d'économiseur d'écran pour passer à la page suivante (de sorte qu'ils sont «coincés» sur l'écran de démarrage).

META moteurs et recherche

Le principal moyen d'utiliser l'élément de META - affectation des mots - clés que les moteurs de recherche peut être utilisé pour améliorer les résultats de recherche. Si les informations sur le document présenté dans plusieurs éléments de META en fonction de la langue, les moteurs de recherche peuvent filtrer l' attribut lang et recherche d'affichage des résultats en utilisant la langue sélectionnée par l'utilisateur. Par exemple,

 <- Pour les locuteurs de l'anglais américain ->
 <META name = "keywords" lang = "fr-fr" 
  content = "vacances, Grèce, soleil">
 <- Pour les locuteurs de l'anglais britannique ->
 <META name = "keywords" lang = "fr" 
  content = "vacances, Grèce, soleil">
 <- Pour les utilisateurs russes ->
 <META name = "keywords" lang = "fr" 
  content = "vacances, Grèce, soleil">

L'efficacité des moteurs de recherche peut également être augmentée avec l'utilisation de l'élément LINK pour spécifier des liens vers des traductions du document dans d' autres langues, des liens vers les versions du document à d' autres médias (par exemple, PDF), et si le document fait partie d'un ensemble de liens vers le point de départ approprié pour la navigation sur le jeu .

De plus amples informations peuvent être trouvées dans la section Comment aider index des moteurs de recherche de votre serveur Web .

META et PICS
Plate - forme pour la sélection de contenu Internet (plate - forme pour la sélection de contenu Internet) (les PICS, spécifié 'dans [le PICS] ) - une infrastructure pour relier les tags (métadonnées) avec le contenu de l'Internet. Conçu pour aider les parents et les enseignants dans la gestion de l'accès des enfants à l'Internet, il facilite également d'autres utilisations pour les étiquettes, y compris le contrôle des codes de signature, la vie privée et les droits de propriété intellectuelle.

Cet exemple illustre l'utilisation d'annonce META pour l'étiquetage PICS 1.1:

  <HEAD>
  <META http-equiv = "PICS-label" content = '
  (PICS-1.1 "http://www.gcf.org/v2.5"
  étiquettes sur "1994.11.05T08: 15-0500"
  jusqu'à ce que "1995.12.31T23: 59-0000"
  pour "http://w3.org/PICS/Overview.shtml"
  (notes de mousse 0,5 densité 0 couleur / teinte 1))
  >
  <TITLE> ... le nom du document ... </ TITLE>

 </ HEAD>
META et défaut d' informations

Element META peut être utilisé pour spécifier les informations par défaut pour le document dans les cas suivants:

Dans l'exemple suivant, le document spécifie le codage des caractères de ISO-8859-5

 <META http-equiv = contenu "Content-Type" = "text / html; charset = ISO-8859-5"> 

Profils des métadonnées  

L'attribut profil élément HEAD spécifie l'emplacement d' un profil de méta - données. La valeur profil est un URI. Les agents utilisateurs peuvent utiliser cet URI de deux façons:
  • Comme un nom unique au monde. Les agents utilisateurs peuvent reconnaître le nom (sans le téléchargement est en fait le profil) et d'effectuer une certaine activité sur la base de conventions connues pour ce profil. Par exemple, les moteurs de recherche pourraient fournir une interface pour la recherche des catalogues de documents HTML, où ces documents tous utilisent le même profil pour représenter les entrées de catalogue.
  • Comme un lien. Les agents utilisateurs peuvent déréférencer l'URI et effectuer une certaine activité sur la base des définitions du profil (par exemple, autoriser l'utilisation d'un profil dans le document actuel, HTML). profils ne sont pas définis dans cette spécification formats.

Cet exemple utilise un profil hypothétique qui définit les propriétés utiles pour l'indexation des documents. Pour les propriétés définies par ce profil - y compris "auteur", "droit d' auteur", "mots clés" et "date" - sont fixées par les annonces successives du META .

  <Profil HEAD = "http://www.acme.com/profiles/core">
  <TITLE> Comment remplir les feuilles de couverture Mémorandum </ TITLE>
  <META name = "author" content = "John Doe">
  <META name = contenu "copyright" = "& copy; 1997 Acme Corp.">
  <META name = "keywords" content = "entreprises, des lignes directrices, le catalogage">
  <META name = "date" content = "1994-11-06T08: 49: 37 + 00: 00">
  </ HEAD>

Au moment de la rédaction de ce cahier des charges est devenu pratique courante d'utiliser les formats de date décrits dans [RFC2068] , Section 3.3. Étant donné que le traitement de ces formats est relativement complexe, nous recommandons que les auteurs utilisent le format de date [ISO8601] . . Voir sur les éléments de l' INS et la DEL .

Attribut système permet aux auteurs de fournir les agents utilisateurs plus de contexte pour l'interprétation correcte des méta - données. Parfois, de telles informations supplémentaires peuvent être importantes, par exemple, si les métadonnées spécifiées dans un format différent. Par exemple, un auteur peut spécifier la date dans le format "10/09/97" (ambigu); Que ce moyen 9 de Octobre, 1997 et le 10 Septembre, 1997? La valeur d'attribut du système "une date-mois-année" éliminer l' ambiguïté.

Dans d' autres cas , l'attribut système peut fournir les agents utilisateurs utiles mais pas des informations aussi importantes.

Par exemple, la déclaration suivante régime vous aidera à un agent utilisateur détermine que la valeur de la "identifiant" - numéro de code ISBN:

 <META scheme = "ISBN" name = contenu "identifiant" = "0-8230-2355-9">

Les valeurs de l'attribut système dépendent du nom de la propriété et l'associé profil .

Remarque. Un exemple de profil est le Dublin Core (voir. [DCORE] ). Ce profil définit un ensemble de propriétés recommandées pour les descriptions bibliographiques électroniques, et est destinée à assurer l' interopérabilité des descriptions des modèles disparates.

7.5 Le corps du document

7.5.1 Element BODY

  <L'ELEMENT! Le BODY OO ( bloc de%; | SCRIPT) + + (l'INS | la DEL) - le corps du document ->
 <! ATTLIST BODY
  % attrs;
  - % Coreattrs , % i18n , % events -
  onload % Script;
  #IMPLIED - Le document est chargé -
  onunload % Script;
  #IMPLIED - Le document a été supprimé -
  >

Balise de début: requise, Balise de fin: en option

les définitions d' attributs

background = les uri [CT]
Non recommandé. La valeur de cet attribut - URI, pointant vers l'image. Cette image est l'arrière-plan (pour les navigateurs visuels).
texte = couleur [CI]
Non recommandé. Cet attribut définit la couleur du texte (pour les navigateurs visuels).
lien = couleur [CI]
Non recommandé. Cet attribut définit la couleur du texte des liens hypertextes que vous ne vont pas (pour les navigateurs visuels).
vlink = couleur [CI]
Non recommandé. Cet attribut définit la couleur des liens de texte que vous avez traversé (pour les navigateurs visuels).
alink = couleur [CI]
Non recommandé. Cet attribut définit la couleur des liens texte lorsqu'il est sélectionné par l'utilisateur (pour les navigateurs visuels).

Dans le corps du document est le contenu du document. Le contenu peut être fourni par l'agent utilisateur de plusieurs manières. Par exemple, pour les navigateurs visuels, vous pouvez penser le corps du document toile, qui affiche le contenu du texte, des images, des couleurs, des motifs, etc. Pour les utilisateurs de audioagentov il peut être prononcé. Comme la méthode préférée de soumission de travaux de documents sont maintenant des feuilles de style , la présentation des attributs dans la balise BODY sont indésirables .

EXEMPLE DÉCONSEILLÉ:
Dans l'extrait suivant de code HTML démontre l'utilisation d' un indésirable attribut. Il établit un fond blanc, noir couleur du texte et la couleur rouge des hyperliens initialement, fuchsia, lorsqu'il est activé, des liens et brun pour les liens que vous avez passé.

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional // EN"
  "Http://www.w3.org/TR/REC-html40/loose.dtd">
 <HTML>
 <HEAD>
  <TITLE> Dynamique de la population </ TITLE>
 </ HEAD>
 <BODY bgcolor = text "blanc" = "black"
  link = "red" alink = "fuchsia" vlink = "marron">
  ... Corps du document ...

 </ BODY>
 </ HTML>

Utilisation de feuilles de style , le même effet peut être obtenu comme suit:

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
  "Http://www.w3.org/TR/REC-html40/strict.dtd">
 <HTML>
 <HEAD>
  <TITLE> Dynamique de la population </ TITLE>
  <STYLE type = "text / css">
  BODY {background: white;  color: black}
  A: link {color: red}
  A: visited {color: marron}
  A: actif {color: fuchsia}
  </ STYLE>
 </ HEAD>
 <BODY>
  ... Corps du document ...

 </ BODY>
 </ HTML>

Utilisation (liens) feuilles de style externes fournit la souplesse nécessaire pour changer la présentation sans réviser le document source HTML:

  <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 // EN"
  "Http://www.w3.org/TR/REC-html40/strict.dtd">
 <HTML>
 <HEAD>
  <TITLE> Dynamique de la population </ TITLE>
  <LINK rel = type "stylesheet" = "text / css" href = "smartstyle.css">
 </ HEAD>
 <BODY>
  ... Corps du document ...

 </ BODY>
 </ HTML>

Les cadres et les corps des documents HTML. Les documents contenant des images, l'élément BODY sont remplacés par un FRAMESET . Voir. Dans la section sur les cadres .

7.5.2 Element identifiants: id et class attributs

les définitions d' attributs

id = nom [CS]
Cet attribut assigne un nom d'élément. Nom dans le document doit être unique.
class = cdata-list [CS]
Cet attribut assigne un nom de classe d'un élément ou un ensemble de noms de classe. Le même nom ou les noms des classes peuvent être attribués un certain nombre d'éléments. Plusieurs noms de classe doivent être séparés par des espaces.
Attribut id attribue élément identificateur unique (qui peut être vérifié par un analyseur SGML). Par exemple, les paragraphes suivants sont identifiés par les valeurs de leurs attributs id :

 <P id = "myparagraph"> Ce paragraphe a un nom unique. </ P>
 <P id = "yourparagraph"> Ce paragraphe a également un nom unique. </ P>

Attribut id est un multiple HTML rôles :

  • La méthode de sélection d' une feuille de style .
  • cible d'affectation (ancre) pour des liens hypertextes.
  • Moyens une référence à un élément spécifique du scénario .
  • Nom de l'objet déclaré OBJECT .
  • Afin de traiter les agents utilisateurs (par exemple. Pour les champs d'identification pour la récupération de données à partir des pages HTML dans la base de données, la conversion de documents HTML dans d'autres formats, etc.).

Attribut de classe , d'autre part, attribue un ou plusieurs noms de classe à un élément; dans lequel l'élément peut être appelé appartenant à ces classes. Le nom de classe peut être utilisé par plusieurs instances d'un élément. Attribut de classe est un multiple HTML rôles :

  • La méthode de sélection d' une feuille de style (quand l'auteur veut assigner des informations de style à un ensemble d'éléments).
  • Pour le traitement général par les agents utilisateurs.

Article suivant exemple le SPAN est utilisé conjointement avec les attributs id et classe pour marquer les messages document. Les messages sont affichés dans les versions anglaise et russe.

  <! - Postes anglais ->
 <P> <SPAN id = classe "msg1" = "info" lang = "fr"> Variable déclarée deux fois </ SPAN>
 <P> <SPAN id = classe "msg2" = "warning" lang = "fr"> variable non déclarée </ SPAN>
 <P> <SPAN id = classe "msg3" = "error" lang = "fr"> Bad syntaxe pour nom de variable </ SPAN>
  <! - Messages russes ->
 <P> <SPAN id = classe "msg1" = "info" lang = "fr"> La variable déclarée deux fois </ SPAN>
 <P> <SPAN id = classe "msg2" = "warning" lang = "fr"> La variable est pas déclarée </ SPAN>
 <P> <SPAN id = "msg3" class = "error" lang = "fr"> Erreur de syntaxe dans nom de la variable </ SPAN>

Les règles de style CSS suivantes informent les agents utilisateurs à afficher des alertes vert - jaune, et les messages d'erreur - rouge:

  SPAN.info {color: green}
 SPAN.warning {color: yellow}
 SPAN.error {color: red}

Rappelez - vous que le russe "msg1" et le "msg1" Anglais ne peuvent pas être affichés dans un seul document, car ils utilisent la même valeur de l'attribut id . Les auteurs peuvent faire autre avantage d'utiliser l' attribut id pour améliorer la présentation des messages individuels, les spécifiant comme cibles (ancres), etc.

Presque tous les éléments HTML peut être attribué identifiant et une information de classe.

Supposons que nous écrivons un document au sujet d'un langage de programmation. Ce document doit comporter un certain nombre d'exemples préformatées. Par exemple, nous utilisons l'élément de format PRE . Nous attribuons aussi une couleur d'arrière - plan (vert) à toutes les instances d'un élément PRE , appartenant à la classe "exemple".

  <HEAD>
 <TITLE> ... le nom du document ... </ TITLE>

 <STYLE type = "text / css">
 PRE.example {background: vert}
 </ STYLE>
 </ HEAD>
 <BODY>
 <Pre class = "exemple" id = "exemple-1">
 ... Exemple de code ...

 </ PRE>
 </ BODY>

En définissant l'attribut id pour cet exemple, nous pouvons (1) créer un hyperlien vers et (2) utiliser les informations sur le style, autre que celle spécifiée dans le tableau, une information de style d'instance unique.

Remarque. Attribut id utilise un seul espace de noms avec le nom d'attribut, si elle est utilisée pour les noms d'ancrage. Voir. Dans la section sur les ancres id avec .

7.5.3 éléments de niveau bloc et inline

Certains éléments du HTML, qui peut être présent dans la balise BODY, appelés les éléments de "niveau bloc" tandis que d' autres - "built-in" (aussi appelés éléments "niveau de texte»). La différence entre eux est décrit ci-dessous:

Modèle de contenu
Habituellement, les éléments de niveau bloc peuvent inclure d'autres éléments et des éléments de niveau bloc embarqués. En règle générale, les éléments en ligne ne peuvent contenir que des données et d'autres éléments en ligne. Cette différence structurelle est une idée étrange que les éléments de bloc créent des structures «grands» que les éléments en ligne.
formatage
éléments de niveau bloc umochlaniyu Selon sont formatées différemment des éléments en ligne. En règle générale, les éléments de niveau bloc commencent sur un nouveaux éléments de ligne et inline - no. Le manque d' information, les sauts de ligne et des blocs de mise en forme cm. Section du texte .
direction
Pour des raisons techniques, l'algorithme bidi affectant [l'UNICODE] , des éléments de niveau bloc et éléments en ligne diffèrent de la manière de l' information sur l' héritage de la direction. Voir. Dans la section sur l' héritage de la direction du texte .

Les feuilles de style fournissent les moyens pour spécifier l'affichage des éléments arbitraires, y compris si un élément est généré comme un bloc, ou intégré. Dans certains cas, comme dans le cas de style en ligne pour les éléments de la liste, cela peut être utile, mais de façon générale, les auteurs devraient éviter une telle interprétation dominante des éléments HTML.

Modification des expressions traditionnelles de vue des éléments de niveau bloc et éléments en ligne affectent l' algorithme de texte bidirectionnel. Voir. Section sur l'effet des feuilles de style sur la bidirectionnalité .

7.5.4 éléments de regroupement: la DIV et SPAN

  <L'ELEMENT! La DIV - - ( flux%; ) * - un récipient langage commun / le style ->
 <! ATTLIST DIV
  % attrs;
  - % Coreattrs , % i18n , % events -
  >
 <L'ELEMENT! Le SPAN - - ( % de la ligne; ) * - a / conteneur de style langage commun ->
 <! ATTLIST SPAN
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: obligatoire, balise fermante: obligatoire

les définitions d' attributs

href = les uri [CT]
Cet attribut spécifie la ressource qui fournit des informations supplémentaires sur le contenu de l'élément DIV ou SPAN .

Les éléments DIV et SPAN , ainsi que les attributs id et class offrent un mécanisme générique pour ajouter la structure aux documents. Ces éléments définissent les informations intégrées ( SPAN ) ou des informations de niveau bloc ( DIV ), mais de ne pas imposer d'autres expressions pour le contexte de présentation. Ainsi, les auteurs peuvent utiliser ces éléments avec des feuilles de style , les attributs lang , etc ..

Supposons que vous voulez générer un document HTML basé sur une base de données d'informations sur les clients. Parce que HTML ne comprend pas d' éléments pour l'identification des objets tels que "client", "numéro de téléphone", "adresse e - mail", etc., nous utilisons des éléments de la DIV et SPAN pour obtenir les effets souhaités de la structure et la présentation. Pour la structuration de l' information que nous pouvons utiliser l'élément TABLE suit:

 <- Données d'échantillons de la base de données clients: ->
 <! - Nom: Stéphane Boyera, Tél: (212) 555-1212, Courriel:. [email protected] ->

 <DIV id = "client-boyera" class = "client">
 <P> <span class = "client-title"> Informations client: </ SPAN>
 <Table class = "client-data">
 <TR> <TH> Nom: <TD> Boyera </ TR>
 <TR> <TH> Nom: <TD> Stephane </ TR>
 <TR> <TH> Téléphone: <TD> (212) 555-1212 </ TR>
 <TR> <TH> Courriel: <TD> [email protected] </ TR>
 </ TABLE>
 </ DIV>

 <DIV id = "client-lafon" class = "client">
 <P> <span class = "client-title"> Informations client: </ SPAN>
 <Table class = "client-data">
 <TR> <TH> Nom: <TD> Lafon </ TR>
 <TR> <TH> Nom: <TD> Yves </ TR>
 <TR> <TH> Téléphone: <TD> (617) 555-1212 </ TR>
 <TR> <TH> Courriel: <TD> [email protected] </ TR>
 </ TABLE>
 </ DIV>

Ensuite, nous pouvons facilement ajouter une annonce styles de table pour ajuster la présentation de ces documents.

Un autre exemple , voir. Section des attributs class et id .

Les agents utilisateurs visuels placés généralement newline avant et après les éléments de la DIV , par exemple:

 <P> aaaaaaaaa <DIV> bbbbbbbbb </ DIV> <DIV> vvvvv <P> vvvvv </ DIV>

ce qui est habituellement produit comme suit:

 aaaaaaaaa
 bbbbbbbbb
 vvvvv

 vvvvv

7.5.5 Titres: Les éléments de H1 , H2 , H3 , H4 , H5 , H6

  <Intitulé du ENTITY% "! Le H1 | H2 | H3 | H4 | H5 | H6 ">
 <! -
  Il existe six niveaux de titres - de H1 (le plus important) à H6 (le moins important).
 ->
 <L'ELEMENT (! % Heading; ) - - ( % de la ligne; ) * - têtes ->
 <ATTLIST (! % Heading; )
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: obligatoire, balise fermante: obligatoire

section Titre décrit brièvement le contenu auquel il précède. Informations du l'en-tête peut être utilisé par les agents utilisateurs, par exemple, pour construire automatiquement une table des matières du document.

En HTML , il y a six niveaux de titres: le H1 - le plus important - et le H6 - le moins importants. Les navigateurs visuels affichent généralement une des positions plus importantes dans une police plus grande.

L'exemple suivant montre comment utiliser l'élément DIV pour associer le titre avec une section suivante du document. Cela vous permet de définir un style pour la section (couleur d'arrière-plan, la police, etc.) avec des feuilles de style.

 <Div class = "section" id = "forêt-éléphants"> éléphants <H1> Forêt </ h1> <p> Dans cette section, nous discutons les éléphants de forêt moins connus.  ... Plus dans cette section ... <DIV class = "paragraphe" id = "forêt-habitat"> <H2> Arial </ H2> <P> Les éléphants de forêt ne vivent pas dans les arbres , mais parmi eux.  ... Plus dans cette section ... </ DIV> </ DIV > 

Cette structure peut être représentée en utilisant les informations de style, telles que:

  <HEAD>
 <TITLE> ... le nom du document ... </ TITLE>

 <STYLE type = "text / css">
 DIV.section {text-align: justify;  font-size: 12pt}
 DIV.subsection {text-indent: 2em}
 H1 {font-style: italic;  couleur: vert}
 H2 {color: green}
 </ STYLE>
 </ HEAD>

sections et références numérotées
langage HTML ne génère pas les numéros de section des titres. Cela peut être fait par des agents utilisateurs. Bientôt , les tableaux décrivent le style de la langue, tels que CSS, donner aux auteurs la possibilité de contrôler la génération des numéros de section (pour plus de commodité, les références dans les documents imprimés, tels que «Voir. Section 7.2").

Certaines personnes considèrent sauter rubrique niveaux de mauvais goût. Ils prennent l'ordre des en- têtes H1 H2 H1, mais ne prennent pas l'ordre H1 H3 H1, H2 niveau depuis passé.

7.5.6 Élément ADRESSE

  <L'ELEMENT ADRESSE - - (! % La ligne; ) * - informations sur l'auteur ->
 <! ADRESSE ATTLIST
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: obligatoire, balise fermante: obligatoire

Element ADRESSE peut être utilisé par les auteurs pour spécifier les informations de contact, ou le corps principal du document, comme une forme. Cet élément est souvent au début ou à la fin du document.

Par exemple, la page W3C sur le serveur, en rapport avec le langage HTML, peut inclure les informations de contact ci-dessous:

 <ADRESSE> <P> <A href="../People/Raggett/"> Dave Raggett </A>, <A href="../People/Arnaud/"> Arnaud Le Hors </A>, contactez personnes pour le <A href="Activity"> W3C HTML activité </A> <BR> $ date: 16/12/1997 05:38:14 $ </ ADDRESS>