English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML5est une manière de décrire une langue pour construire du contenu Web. HTML5est la norme de génération suivante de l'Internet, une manière de construire et de présenter le contenu Internet. Il est considéré comme l'une des technologies fondamentales de l'Internet. HTML est né1990,1997En4devenu une norme Internet, largement utilisée dans le développement des applications Internet.
HTML5est la version la plus récente de HTML,2014l'année10Le3C) a achevé la conception des normes.
HTML5conçu pour prendre en charge les multimédias sur les appareils mobiles.
HTML5C'est la norme du langage HTML central du Web, que les utilisateurs voient toujours en format HTML lorsqu'ils naviguent sur des pages web via divers moyens, et qui est converti en format reconnaissable
HTML5 Facile à apprendre.
HTML5 est la norme HTML de la prochaine génération.
HTML, HTML 4.01La dernière version de 1999 En
HTML5 Il est toujours en cours d'amélioration. Cependant, la plupart des navigateurs modernes disposent déjà de certaines fonctionnalités HTML5 Support.
HTML5 est W3C collabore avec WHATWG, ce qui donne lieu à ce que l'on appelle le Web Hypertext Application Technology Working Group.
WHATWG s'engage dans les formulaires web et les applications, tandis que W3C se concentre sur XHTML 2.0. En 2006 En
HTML5 Certaines nouvelles fonctionnalités intéressantes :
Élément canvas pour le dessin
Éléments video et audio pour la lecture des médias
Meilleur soutien pour le stockage local hors ligne (localStorage et sessionStorage)
Nouveaux éléments de contenu spéciaux, comme article, footer, header, nav, section
Nouveaux contrôles de formulaires, comme calendar, date, time, email, url, search
HTML5Amène le Web à une plateforme d'application mature, où les vidéos, les audios, les images, les animations et les interactions avec les appareils sont normalisées.
La déclaration <!doctype> doit être placée dans HTML5 La première ligne du document, utilisée de manière très simple:
<!DOCTYPE html>
Cette méthode rendra les HTML encore non supportés5les navigateurs prenant en charge le mode standard pour l'analyse, ce qui signifie qu'ils analyseront ces HTML5Les parties compatibles des anciens balises HTML sont conservées, tandis que celles qui ne supportent pas HTML sont ignorées.5nouvelles fonctionnalités.
Ce doctype est plus court et plus simple que précédemment, ce qui le rend plus facile à mémoriser et réduit le nombre d'octets à télécharger.
La première chose généralement faite sur une page est de déclarer l'encodage utilisé. Dans les versions précédentes de HTML, c'était un élément <meta> très complexe, mais maintenant il est très simple :
<meta charset="UTF-8">
Mettez-le dans votre <head>, car dans certains navigateurs, si l'encodage déclaré diffère de leurs attentes, ils réanalyseront le document HTML.-8，il est recommandé de modifier votre page web pour cette encodage, car il simplifie la gestion des caractères dans les fichiers par différents scripts.
Il est noteworthy que HTML5Limite les jeux de caractères disponibles, ils doivent être compatibles8ASCII des positions. Cela vise à renforcer la sécurité et à prévenir certains types d'attaques.
Voici un exemple simple d'HTML5Document :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Je suis un html5Titre du document</title> </head> <body> html5Contenu du document...... </body> </html>
Attention : pour les pages web en chinois, il est nécessaire d'utiliser <meta charset="utf-8"> Déclarer l'encodage, sinon des caractères bizarres apparaîtront.
Nouvel élément
Nouvelles propriétés
Complètement pris en charge par CSS3
Video et Audio
2D/3Cartographie D
Stockage local
Base de données SQL locale
Application web
Utiliser HTML5 Vous pouvez simplement lire des vidéos (video) et des audios (audio) dans une page web.
Utiliser HTML5 Vous pouvez simplement développer des applications
Stockage de données locale
Accéder aux fichiers locaux
Base de données SQL locale
Références en cache
Javascript Worker
XHTMLHttpRequest 2
Utiliser HTML5 Vous pouvez dessiner simplement des graphiques :
Utiliser <canvas> Élément.
Utiliser en ligne SVG.
Utiliser CSS3 2Transformation D,CSS3 3Transformation D.
Nouveaux sélecteurs
Nouvelles propriétés
Animation
2D/3Transformation D
Coins arrondis
Effets d'ombre
Polices téléchargeables
En savoir plus sur CSS3Pour plus de connaissances, consultez le site web CSS3 Tutoriel.
HTML5 Ajouter de nombreux éléments sémantiques comme suit :
| Balise | Description |
| <article> | Définir une zone de contenu indépendante de la page. |
| <aside> | Définir le contenu de la barre latérale de la page. |
| <bdi> | Vous permet de définir un texte qui s'affiche indépendamment de la direction du texte de l'élément parent. |
| <command> | Définir un bouton de commande, par exemple un bouton radio, une case à cocher ou un bouton |
| <details> | Utilisé pour décrire les détails d'un document ou d'une partie du document |
| <dialog> | Définir un dialogue, par exemple une boîte de dialogue |
| <summary> | Le titre contient l'élément de balise details |
| <figure> | Définit un contenu de flux indépendant (image, graphique, photo, code, etc.). |
| <figcaption> | Définit le titre de l'élément <figure>. |
| <footer> | Définit le pied de page d'une section ou d'un document. |
| <header> | Définit la zone d'en-tête du document. |
| <mark> | Définit un texte marqué. |
| <meter> | Définit une mesure. Utilisé uniquement pour les mesures avec des valeurs maximales et minimales connues. |
| <nav> | Définit une partie de lien de navigation. |
| <progress> | Définit le progrès d'une tâche de tout type. |
| <ruby> | Définit les commentaires ruby (phonétique chinois ou caractère). |
| <rt> | Définit l'explication ou l'prononciation d'un caractère (phonétique chinois ou caractère). |
| <rp> | Utilisé dans les commentaires ruby, définit le contenu affiché par les navigateurs qui ne prennent pas en charge les éléments ruby. |
| <section> | Définit une section (section, paragraphe) dans le document. |
| <time> | Définit une date ou une heure. |
| <wbr> | Définit où il est approprié d'ajouter un saut de ligne dans le texte. |
nouveaux éléments de formulaire, nouvelles propriétés, nouveaux types d'entrée, validation automatique.
le HTML suivant 4.01 l'élément dans HTML5a été supprimé:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
Grâce à notre éditeur HTML, vous pouvez éditer HTML, puis cliquer sur le bouton pour voir le résultat.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基础教程网(oldtoolbag.com)</title> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Votre navigateur ne prend pas en charge le tag video. </video> </body> </html>Testez pour voir ‹/›
La dernière version de Safari, Chrome, Firefox et Opera prend en charge certains HTML5 caractéristiques. Internet Explorer 9 seront prises en charge par certaines caractéristiques HTML5 caractéristiques.
IE9 Les versions suivantes de navigateurs sont compatibles avec HTML5méthodes, utilisez les ressources statiques html5Paquet shiv :
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
Après le chargement, initialisez les CSS des nouvelles balises :
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}Vous pouvez trouver des informations sur HTML5 des balises et des attributs avec des descriptions détaillées, veuillez cliquer pour plus d'informations HTML5Manual de référence.