En test sur ChromeEn test sur FirefoxEn test sur EdgeEn test sur Safari/iOS <time> : Démo HTML5

Mise à jour : 2017-01-22

Cette balise augmente la sémantique et doit être utilisée uniquement pour des dates précises.

<time>

Notes sur le tuto


Exemple de code HTML5

<time id="myTime1" datetime="2007-07-16" name="test">Un jour merveilleux.</time><br>
valueAsDate = <span id="myTime2"></span>
<script>
	myTime = document.getElementById("myTime2")
	myDate = document.getElementById("myTime1").valueAsDate
	myTime.innerHTML = myDate
	myTime.className = (myDate ? "ok" : "ko")
</script>

Démonstration du résultat HTML5



valueAsDate =

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>
	isTagSupported("time")
	isAttributeSupported("time", "datetime")
	isItemSupported(valueAsDate)
</script>		

Can I Use html5semantic? Data on support for the html5semantic feature across the major browsers from caniuse.com.