time facebook twitter youtube

La balise <time> (date, heure)

Représente un avantage non seulement pour la sémantique, mais aussi pour l’indexation automatisée par les moteurs de recherche, ou encore pourl’importation de données dans un agenda personnel.

formalise une information temporelle (date, heure), employée dans le contenu qu'elle encadre, par le biais de son attribut "datetime". Les dates saisies dans cet attribut doivent correspondre aux dates du calendrier grégorien.

 

Attributs spécifiques à <time>

 

Attribut Valeurs Rôle
datetime date ou heure ou date et heure Permet d'associer une date et/ou une heure à l'élément, dansun format standardisé.
pubdate pubdate ou "" ou (vide) Indique que la date donnée est celle de la publication du plus proche ancêtre
<article> s'il est présent, ou sinon du document dans sa globalité.

 

datetime

Si l'attribut datetime n'est pas spécifié, alors le contenu texte de l'élément doit se conformer au format de date. En revanche, s'il est présent, le contenu de l'élément est totalement libre entre les balises de début et de fin.

Le formalisme appliqué au niveau de l'attribut datetime est :

  1. pour un horaire : HH:mm (14:30)
  2. pour une date : AAAA-MM-JJ (2012-07-14)
  3.  pour une date et une heure : AAAA-MM-JJTHH:mm (2012-07-14T14:30)
  4.  avec un décalage horraire : AAAA-MM-JJTHH:mm+HH:00 (2012-07-14T14:30+01:00)
  5.  pour une heure UTC : AAAA-MM-JJTHH:mm+Z (équivalent à AAAA-MM-JJTHH:mm+00:00)

L’élément <time> ne doit être utilisé que pour des dates valides qui peuvent être calculées dans l’intervalle de temps du calendrier
grégorien.
 

 

Usage de <time> avec l’attribut datetime


<p>7astuces <time datetime="201503-01T9:00+02:00"> 5 Mars à 9 h </time>.</p>

<p>Avec grande précisionle  <time datetime="2015-03-5T14:12:05.1270Z">5Mars 2015 à 14h12m05s</time>.</p>

 

7astuces 5 Mars à 9 h .

Avec grande précisionle 5Mars 2015 à 14h12m05s.

 

pubdate


Si l’attribut pubdate est présent, il confère un rôle sémantique particulier à l’élément qui devient de facto un repère de temps pour l’élément <article> qui le contient, ou à défaut le document entier s’il n’est pas enfant d’un article.

 

Usage de <time> avec l’attribut pubdate


<article>
  <p>Cet article a été mis en ligne
     le <time pubdate>2015-01-01</time>.</p>
</article>
<article>
  <p>Cet autre article a été mis en ligne
     le <time pubdate>2015-05-05</time>.</p>
</article>

 

Cet article a été mis en ligne le 2015-01-01.

et autre article a été mis en ligne le 2015-05-05.

 

Remarque

Pour exprimer un intervalle de temps, il suffit d’utiliser plusieurs éléments <time>. En revanche, un tel élément équipé de l’attribut pubdate, doit être unique dans son contexte (un article ne peut pas posséder plusieurs dates de publication).

 



  • p

    p

    La balise <p> est utilisée pour mettre en forme le texte qu'elle contient dans un paragraphe

    .......
    Voir Plus
  • blockquote

    blockquote

    Un bloc de citation <blockquote> (block quotation en anglais) représente une section du document qui est extraite d’une autre source.

    .......
    Voir Plus
  • q

    q

    Petit frère de <blockquote>, l’élément <q> est réservé aux citations courtes.

    .......
    Voir Plus
  • cite

    cite

    La balise <cite> affiche son contenu avec un style spécifique qui varie suivant les navigateurs

    .......
    Voir Plus
  • strong

    strong

    permet de mettre en forme du texte en appliquant un effet gras

    .......
    Voir Plus
  • em

    em

    La balise <em> désigne une emphase (une mise en relief, une insistance) et affiche le texte qu'elle contient dans la plupart des navigateurs en italique.

    .......
    Voir Plus
  • b

    b

    La balise <b> fait partie des balises de mise en forme du texte. . Elle permet de faire une mise en forme du texte en gras.

    .......
    Voir Plus
  • i

    i

    fait partie des balises de mise en forme du texte Elle permet de faire une mise en forme du texte en italique.

    .......
    Voir Plus
  • small

    small

    Elle permet de faire une mise en forme du texte  en réduisant la taille de sa police d'affichage.

    .......
    Voir Plus
  • dfn

    dfn

    La balise <dfn> sert à mettre en valeur un terme qui est rencontré pour la première fois dans le document

    .......
    Voir Plus
  • abbr

    abbr

    L’élément <abbr> est là pour nous aider à définir ces expressions, sans devoir les préciser à la suite du texte, d’une façon gênante Pour la lecture.

    .......
    Voir Plus
  • code

    code

    La balise <code>est utilisée pour l'affichage de blocs de code dans la page

    .......
    Voir Plus
  • var

    var

    La balise <var> est utilisée pour indiquer que son contenu est une variable.

    .......
    Voir Plus
  • kbd

    kbd

    L’élément kbd représente une entrée au clavier (keyboard en anglais)

    .......
    Voir Plus
  • samp

    samp

    Délimite un exemple ou un échantillon (sample en anglais) de sortie produite par un programme ou un système.

    .......
    Voir Plus
  • sub

    sub

    La balise <sub> affiche le texte qu'elle contient en indice

    .......
    Voir Plus
  • sup

    sup

    La balise <sup> permet d'écrire en exposant le texte

    .......
    Voir Plus
  • hr

    hr

    Consiste en une séparation horizontale qui marque un changement dans le contenu

    .......
    Voir Plus
  • br

    br

    La balise <br/> Retour à la ligne ou retour chariot.

    .......
    Voir Plus
  • wbr

    wbr

    La balise <wbr /> permet au navigateur d'effectuer un saut de ligne à l'endroit ou elle apparaît

    .......
    Voir Plus
  • ins

    ins

    La balise <ins> est utilisée pour marquer de manière explicite des modifications sur un document.

    .......
    Voir Plus
  • del

    del

    La balise <del> indique un contenu texte ayant été supprimé du document.

    .......
    Voir Plus
  • s

    s

    La balise <s> effectue un effet barré sur le texte qu'elles contiennent.

    .......
    Voir Plus
  • pre

    pre

    Affiche le texte  tel qu'il est écrit en respectant les espaces, les tabulations et les sauts à la ligne

    .......
    Voir Plus
  • mark

    mark

    Est employée pour mettre en avant une partie d'un contenu en appliquant un style surligné jaune sur le texte

    .......
    Voir Plus
  • ruby

    ruby

    La balise <ruby> encadre le texte original qui sera annoté ainsi que les éléments <rt> et <rp> qui suivront le texte original

    .......
    Voir Plus
  • rt

    rt

    L’élément <rt>(ruby text) figure au sein d’un élément parent <ruby> pour marquer l’annotation texte.

    .......
    Voir Plus
  • rp

    rp

    Figure au sein d’un élément parent <ruby> pour permettre l’ajout de parenthèses autour de l’annotation <rt>

    .......
    Voir Plus
  • bdi

    bdi

    Utilisée pour isoler du texte dont la direction est différente du reste du texte qui l'entoure

    .......
    Voir Plus
  • bdo

    bdo

    L’élément <bdo> (BiDioverride en anglais) surclasse le sens de lecture, déterminé par l’algorithme bidirectionnel Unicode.

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces