HTML (Language de balisage hypertexé, Language de Mark Super-Text) est né au début des années 1990. listes et indiquez les autres pages Web. HTML5 est la dernière version de HTML. HTML5 présente également des fonctions de lecture audio et vidéo natives.
Vous pouvez afficher les dernières spécifications de HTML via l'URL suivante:
1) html5: http://www.w3.org/tr/html5//
2) html5.1: http://www.w3.org/tr/html51/
Introduction à HTML5HTML5 est en fait une série de technologies connexes utilisées pour créer du contenu Web de richesse moderne.
1) La spécification du noyau HTML5 définit les éléments utilisés pour marquer le contenu et clarifier sa signification.
2) CSS est utilisé pour contrôler l'apparence de l'étiquette devant l'utilisateur.
3) JavaScript est utilisé pour manipuler le contenu du document HTML et répondre à l'opération de l'utilisateur.
Dans le même temps, HTML5 introduit la prise en charge multimédia native et introduit du contenu programmable (Canvas Element, qui doit utiliser JavaScript) et le web sémantique.
Prise en charge du navigateur pour HTML5 Vérification fonctionnelle du navigateurQue la fonction de HTML5 puisse être utilisée si le navigateur prend en charge. Cependant, il existe un site Web http://caniuse.com/ pour vous aider.
État d'utilisation du navigateurSi vous devez juger si vous devez prendre en charge un certain navigateur ou une version du navigateur (généralement IE), alors http://gs.statcounter.com/ Utiliser le statut du navigateur.
Détecter la fonction du navigateurSi vous souhaitez utiliser de nouvelles fonctionnalités de HTML5, mais que les navigateurs de certains utilisateurs ne prennent pas en charge ces fonctionnalités et ne vous inquiétent pas. .
La méthode d'utilisation est la suivante:Accédez à la page de téléchargement de Modernizr, comme suit:
Sélectionnez les fonctionnalités que vous souhaitez détecter sur cette page (cliquez sur les fonctionnalités correspondantes), puis cliquez sur la construction après sélection, et vous pouvez obtenir:
Téléchargez ensuite les résultats de la build (modernizr-custom.js) et ajoutez-le à votre document HTML;
<A-Head> <Meta Charset = UTF-8> <Title> Title </ Title> <Script Src = Modernizr-Custom.js> </script> ... </ head>
De cette façon, une fois la page chargée, le script modernizr peut s'exécuter. En détectant les attributs de cet objet, vous pouvez déterminer les fonctionnalités du navigateur. Par exemple:
<body> <p> Le verdict est ... <span id = result> </span> </p> <script> modernizr.on ('flash', fonction (result) {if (result) {document.getElementById (Résultat) .InnerHtml = réjouir!Si votre navigateur prend en charge Flash, la page Web se réjouira! Pour des fonctions plus modernizr, veuillez vous référer à la documentation de Modernizr.
Structure de base de la documentation HTMLLe document HTML est une description d'un document. Certains éléments sont utilisés pour décrire les informations de base du document, et certains décrivent la structure du document.
<!
Le document HTML décrit une page vierge qui détermine le contour du document HTML et l'environnement initial du navigateur.
Élément doctypeLes éléments doctype peuvent être omis. Cet élément indique au navigateur deux choses:
1) Il est géré par le document HTML;
2) La version du HTML utilisé pour marquer le contenu du document, l'écriture ci-dessus indique que le HTML5 est utilisé.
Élément htmlL'élément HTML est l'élément racine qui indique le début de la partie HTML dans le document. La langue par défaut de l'attribut Lang spécifie le contenu de la page, tel que: EN signifie anglais, ES représente l'espagnol, etc.
Élément de têteL'élément de tête contient les métadonnées du document, fournit des informations sur le contenu du document et les informations du navigateur, et peut également inclure une référence au script et aux ressources externes (telles que le tableau de style CSS).
Élément corporelLe corps du document contient le contenu que les visiteurs peuvent voir.
Avec cette structure de base, nous pouvons progressivement ajouter d'autres éléments de HTML plus tard pour enrichir en continu le document et enfin obtenir la page que nous voulons.