Datation de cette page |
Les balises de type
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
XHTML 1.0 balises de type bloc------- Tableau récapitulatif sur http://www.saintpoint.org/ |
|||
|---|---|---|---|
| . | |||
Les balises de type bloccréent des conteneurs d'éléments qui peuvent contenir d'autres éléments de type bloc, des éléments de type en ligne, ou des éléments orphelins. (Simple caractères sans autre mise en forme.) Par défaut, les éléments de type blococcupent toute la largeur de leur élément parent, ils sont donc placés l'un au dessous de l'autre dans leur ordre d'apparition dans le code. |
|||
| Ouverture | Fermeture | Employée pour | Rem |
| <address> | </address> | Adresse de contact de l'auteur d'une page. ex: <address> <a href="mailto:toto@mail.com"> Contacter l'auteur</a> </address> |
Dans le doctype strict, ne peut contenir que des éléments de type en ligne |
| <blockquote> | </blockquote> | Fonction |
Rem |
| <body> | </body> | Contient les éléments visibles de la page XHTML |
Hors balises et commentaires bien sur! |
| <dd> | </dd> | Description de liste de définitions. |
Contenu dans <dl> </dl> Contient la définition de <dt></dt> |
| <div> | </div> | Bloc de division vertical de la page. Élément destiné à regrouper d'autre éléments de tous types ( bloc ou en ligne ) |
Supporte les imbrications |
| <dl> | </dl> | Liste de définitions |
Liste associant <dt></dt> et <dd></dd> |
| <dt> | </dt> | Titre de définition |
Contenu dans <dl> </dl> Contient le terme à définir. |
| <fieldset> | </fieldset> | Bloc de regroupement des éléments dans un formulaire. |
Doit obligatoirement contenir directement un élément <legend> </legend> |
| <form> | </form> | Bloc contenant les élements de formulaire. |
Ne supporte pas les imbrications <form></form> Contient obligatoirement "action" dont la valeur est l'URL de destination des données. |
| <h1> <h2> <h3> <h4> <h5> <h6> |
</h1> </h2> </h3> </h4> </h5> </h6> |
Niveaux de titre prédéfinis |
Ne peut pas contenir d'autres blocs. Style par défaut existant, à modifier par code CSS |
| <head> | </head> |
Contient les éléments invisibles de la page XHTML. Eléments de fonctionnement pour navigateurs. Eléments de mise en page. (CSS) Codes de scripts (JavaScript). Renseignements robots de recherche. Balises meta-données |
Les scripts peuvent être dans le body de la page, mais ce n'est pas conseillé. |
| <html> | </html> | Contient la page HTML ou XHTML. Introduit la totalité de la page affichée. |
Hors DTD "Data Type Document" placé avant. Attribut obligatoire: xmlns="http://www.w3.org/1999/xhtml" |
| <hr /> | Séparation dans le document, en général une ligne horizontale qui occupe toute la largeur du parent. |
Bloc ne supportant aucun élément. |
|
| <li> | </li> | Eléments de liste |
Contenu dans liste ordonnées <ol> ou non <ul> |
| <map> | </map> | Donne la carte des zones réactive ( sensibles ) d'une image. Elle est associée à <area> |
Attribut obligatoite: id dont la valeur est une chaine de caractères. |
| <noscript> | </noscript> | Affiche un message quand le navigateur est incapable d'interprêter le script précédent cet élément. Cet élément n'est pas pris en compte si les scripts sont autorisés. |
Ex: <script type="text/javascript" src="file.js"> </script>
<noscript> |
| <ol> | </ol> | Liste ordonnée. Délimite une liste avec un ordre logique. |
Ce bloc ne peut contenir directement que des éléments <li>
Mais ce <li> peut contenir autre chose par exemple un autre bloc <ul> ou <ol> pour créer une liste imbriquée dans une autre. |
| <p> | </p> | Ouvre un bloc paragraphe de texte. |
Cet élément fait exception à la règle, il ne peut pas contenir un autre bloc. |
| <pre> | </pre> | Insère un bloc de texte préformaté donc la police est à chasse fixe. Trouve son utilisation pour cité du code, l'indentation est respectée. |
Ne peut pas contenir que des éléments en ligne, à l'exception de </ img>, <sub> et <sup>. |
| <script> | </script> | Introduit un bloc de code script comme javascript. Il doit être utilisé avec l'attribut "type=" pour indiquer le type de script employé. |
Le code du script est introduit directement entre les deux balises, ou en faisant appel à l'attribut "src=" qui donne le chemin et nom du fichier source. Ex: <script type="text/javascript" src="path/file.js"> </script> |
| <style> | </style> | Permet d'appliquer une mise en forme à un document par le biais de règles CSS. |
Attribut obligatoire 'type="text/css"' |
| <table> | </table> | Structure un tableau, déclare l'ouverture et la fermeture du tableau.
Pour des raisons d'accessibilité, l'attribut 'summary' est conseillé. |
Ordre de définition des éléments d'un tableau :
<table> ouverture de la table; <caption> Légende </caption> <thead> ouverture de l'entête; <tr> ouverture d'une ligne du tableau; <th> texte d'une cellule d'entête;</th> <td> texte d'une cellule;</td> </tr> fermeture de la ligne du tableau; </thead> fermeture de l'entête; <tfoot> ouverture du pied de table; <tr> ouverture d'une ligne du tableau; <th> texte d'une cellule d'entête;</th> <td> texte d'une cellule;</td> </tr> fermeture de la ligne du tableau; </tfoot> fermeture du pied de table; <tbody> ouverture table; <tr> ouverture d'une ligne du tableau; <th> texte d'une cellule d'entête;</th> <td> texte d'une cellule;</td> </tr> fermeture de la ligne du tableau; </tbody> fermeture table; </table> fermeture de la table; |
| <tbody> | </tbody> | Défini le corps du tableau. |
Toujours à placer derrière les balises <thead> et <tfoot> |
| <td> | </td> | Contient le texte d'une cellule. L'attribut 'colspan="x"' précise que les x cellules suivantes sont groupées sur la ligne. L'attribut 'rowspan="x"' précise que les x cellules sont groupées sur la colonne. |
Voir '<table>' |
| <tfoot> | </tfoot> | Contient le texte du pied de table. Toujours à placer devant la balises <tbody> |
Voir '<table>' |
| <th> | </th> | Contient le texte d'une cellule d'entête. L'attribut 'colspan="x"' précise que les x cellules suivantes sont groupées sur la ligne. L'attribut 'rowspan="x"' précise que les x cellules sont groupées sur la colonne. |
Voir '<table>' |
| <thead> | </thead> | Contient le texte de l'entête de la table. Toujours à placer devant la balises <tbody> |
Voir '<table>' |
| <tr> | </tr> | Contient le texte d'une ligne du tableau. |
Voir '<table>' |
| <ul> | </ul> | Liste non ordonnée. Délimite une liste avec un ordre sans logique. |
Ce bloc ne peut contenir directement que des éléments <li>
Mais ce <li> peut contenir autre chose par exemple un autre bloc <ul> ou <ol> pour créer une liste imbriquée dans une autre. |
