Rôle
La balise <time> est un élément HTML polyvalent qui permet de représenter et de marquer les heures ainsi que les dates dans le calendrier grégorien. Elle offre une solution efficace pour structurer et afficher ces informations de manière sémantique et accessible. Dans cet article, nous explorerons en détail l’utilisation de la balise <time> et son impact sur la conception web.
<p>L'heure actuelle est <time>14:30</time>.</p>
Marquage des Dates
Outre les heures, la balise <time> est également utile pour marquer les dates dans le calendrier grégorien. Lorsque vous affichez des dates, il est conseillé d’inclure une légende ou une description pour indiquer le contexte. Par exemple :
<p>L'événement aura lieu le <time datetime="2023-09-15">15 septembre 2023</time>.</p>
Ici, la balise <time> est utilisée pour entourer la date "15 septembre 2023", tandis que l’attribut datetime fournit une valeur dans le format ISO 8601 pour indiquer la date exacte. Cette approche permet aux navigateurs de mieux comprendre le contenu et aux moteurs de recherche d’indexer les informations temporelles de manière plus précise.
Utilisation de l’Attribut pubdate
Lorsqu’une balise <time> est utilisée à l’intérieur d’un article ou d’un contenu publié, il est possible d’ajouter l’attribut pubdate pour indiquer la date de publication. Cela est particulièrement utile pour les articles de blog, les actualités et d’autres types de contenus chronologiques. Voici comment cela peut être mis en œuvre :
<article>
<h2>Titre de l'article</h2>
<p>Cet article a été publié le <time pubdate datetime="2023-08-20">20 août 2023</time>.</p>
<p>Contenu de l'article...</p>
</article>
En ajoutant l’attribut pubdate, vous signalez que la date encapsulée par la balise <time> correspond à la date de publication de l’article. Cela peut avoir un impact positif sur le référencement et l’organisation des contenus dans les systèmes de gestion de contenu.
Testez vous-même cette balise
Utilisez Codepen
Compatibilité
La balise <time> est pris en charge par tous les principaux navigateurs.
Attributs spécifiques
La balise <time> peut être utilisée avec l’attribut datetime pour définir une heure ou une date. Cet attribut est utilisé si aucune date ou heure n’est spécifiée dans le contenu de l’élément
La balise <time> prend en charge les attributs globaux
Attibuts de type événement
La balise <time> peut prendre en charge les événements clavier via l’attribut global contenteditable.
La balise <time> prend également en charge les événements de souris !
Merci d'avoir lu cet article. Je suis un développeur web WordPress passionné, et j'ai créé ce contenu avec soin pour vous offrir des informations de qualité. Restez connectés pour plus de conseils et d'astuces !
| Avantages | Inconvénients |
|---|---|
| Permet de spécifier l’espace entre la bordure et l’image de bordure | Peut ne pas être pris en charge par tous les navigateurs |
| Facilite la personnalisation des propriétés d’image de bordure | La compatibilité avec les versions antérieures peut être un problème |
| Contribue à créer des effets visuels intéressants avec les bordures | Doit être utilisé avec discernement pour éviter des conceptions trop complexes |
| Améliore la flexibilité dans la conception de bordures créatives | La syntaxe peut nécessiter une certaine compréhension approfondie |
Les autres références PHP : Selecteur out-of-range Écran CSS, Balise address HTML, Balise ins HTML, Balise time HTML, Attribut Border-Image-Outset CSS, Selecteur, Proximite CSS, Expressions Regulieres PHP, Extraction Chaine PHP, Instruction Affichage PHP, Attribut font-face CSS, Attribut filter CSS, Attribut vertical-align CSS, Événement javascript, SetTimeout Javascript, prototype javascript.
Myriam SRIKANTHA2023-12-21Maxime GUIMARD a pris le temps de présenter son métier, auprès de mes classes de lycéen. Présentation efficace, claire et compréhensible. Il a été à l’écoute des questions des lycéens. Un grand merci à lui d’avoir pris le temps d’expliquer sa passion !Philippe BERTIEAUX2023-10-01Maxime a une capacité que peu de SEO managers ont à ce jour ; celle de pouvoir s'adapter de manière extrêmement rapide et d'une manière particulièrement efficace, à toutes situations techniques inconfortables, mêmes les plus délicates. Le résultat est toujours au rendez-vous. Merci Maxime.Cuong Doan2023-09-30J'ai travaillé avec Maxime sur un projet d'optimisation, où nous avons indexé les pages sur Google Search Console et effectué des corrections techniques en SEO. Il a réussi à résoudre tous les problèmes. Il est toujours disponible pour répondre à toutes les questions, très professionnel. C'était un plaisir de travailler avec lui ????????????.Artus Trézières2023-09-30J'ai adoré travailler avec Maxime. Il est à l'écoute, gentil, et très compétent. De plus, il travaille extrêmement bien. Je le recommande vivement !Romain Knockaert2023-09-01J'ai commandé auprès de Maxime une base pour un serveur Garry's Mod, n'ayant ni les compétences nécessaires ni le temps, il m'a aidé et m'a fourni une base propre avec des addons qu'il a fait lui-même pour un prix plus que raisonnable ! Grâce à lui j'ai pu gagner beaucoup de temps pour l'exécution de mon projet 🙂 je recommande !maha2023-08-27Maxime GUINARD se distingue vraiment en tant que développeur web indépendant de haut calibre ! Sa maîtrise du développement WordPress et du design web est tout simplement impressionnante. Je suis extrêmement satisfaite de la qualité de son travail et je n'ai aucune hésitation à le recommander chaudement. Il mérite amplement toutes les étoiles possibles, soit 5 étoiles sans aucun doute !Nathou M2023-05-24Super !Mario Mario2023-05-24Super site webMitsuko2022-07-14Hello, Maxime ma fait un super site web et aussi une carte en 3D ! J'ai passé 6 mois avec Maxime pour le tout. J'ai eu la chance de faire de superbes rencontres et de découvrir Maxime. Quelqu'un de dévouée et super bienveillant qui m'a permis de grandir et de m'accompagner tout au long de ma commande. Maxime est à l'écoute !M Mestchersky2022-04-11Maxime is an excellent web developer and SEO consultant. Need any SEO advice? He is the one you're looking for.
Et si on discutait ? 🙂
Adresse
Avenue du bac94210 SAINT MAUR DES FOSSES
Téléphone
06.65.13.24.36