Détecter l'utilisation de HTML5

Est-il possible de vérifier si un site Web utilise des éléments HTML5 (et lesquels)?

Par exemple, je sais que Youtube utilise le <video> élément, mais utilise-t-il également d'autres éléments?

J'ai essayé de lire la source pour repérer de nouveaux éléments, mais la tâche est ardue.

(J'ai posté ceci sur Super User parce que ce n'est pas vraiment lié à la programmation. Plutôt une utilisation de sites Web qui le font (comme des validateurs) ou des plugins.)

website html5

— RvdK
source

mis à jour ma question

— RvdK

@PoweRoy: Dans Firefox (et tout autre navigateur moderne), vous pouvez utiliser Ctrl+F dans la vue source ... devrait accélérer les choses un peu.

— Bobby

Ctrl + F n'est pas pratique à cause de l'utilisation de Javascripts. Donc je dois continuer à chercher pour javascript inclus

— RvdK

Réponses:

Si vous voulez savoir si un site Web utilise des éléments HTML5, il vous suffit de visualiser la source du site.

Si le code source commence par la déclaration suivante:

<!DOCTYPE HTML>

vous êtes sur un site HTML5 balisé.

En outre, il peut utiliser certains nouveaux éléments introduits :

<article>
<aside>
<audio>
<canvas>
<command>
<datagrid>
<details>
<dialog>
<figure>
<footer>
<header>
<m>
<meter>
<nav>
<output>
<progress>
<section>
<source>
<time>
<video>

Voici un aperçu du code source d’une page Youtube exécutant le programme <video> élément:

youtube html5 source code

Vu à travers le Inspecter l'élément clic droit dans Google Chrome, vous remarquerez que la déclaration en haut est <!DOCTYPE HTML> spécifier l'utilisation d'éléments HTML5 sur la page.

— random
source

doctype n'est pas tout à fait utile car youtube a & lt;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" sur le document HTML5.

— RvdK

Montrez un exemple de page Youtube utilisant le <video> étiquette. @pow

— random

aller avec par exemple chrome (utilisation h.264 due) à www.youtube.com/html5 , cliquez sur rejoindre la beta. Et puis regardez n'importe quelle vidéo sur youtube. La vidéo sera affichée dans la section & lt; video & gt; élément

— RvdK

Vous avez raison en ce qui concerne le code source lorsque vous basculez Youtube vers la version HTML5. @pow

— random

À en juger par les touches Ctrl + F-ing de la page youtube, je pense que le seul élément HTML5 utilisé est & lt; vidéo & gt ;. Si je désactive le lecteur HTML5 et utilise Flash sur youtube, le message '& lt;! DOCTYPE HTML & gt;' est toujours activé (le code source est différent (voir le premier commentaire)). Le doctype n'est utilisé que par le navigateur à des fins de rendu. Ce dernier est donc fiable: themaingate.net/dev/html/all-you-need-is-doctype-html

— RvdK

-1

Moderniser est parfait si vous faites une bibliothèque Javascript pour cela

— d8uv
source

C'est déjà la bibliothèque? Modernizr ne vous dit que très simplement si cette fonctionnalité est ou non implémentée de manière native dans le navigateur actuel. C'est donc une étape plus tôt. Par conséquent (la question): si j'ai un navigateur avec le plus grand nombre de fonctionnalités HTML5 à l'heure actuelle, comment puis-je détecter les éléments HTML5 affichés sur le site Web (sans Ctrl + F via la source)

— RvdK