HTML5, la cinquième modification majeure du langage de marque super-texte (HTML).
HTML5 contient de nouveaux éléments, attributs et comportements, et contient également une série de technologies qui peuvent être utilisées pour rendre les sites Web plus diversifiés et plus puissants.
Les nouvelles fonctionnalités ne sont pas disponibles en même temps, mais après la formulation de HTML4.01 (1999), elle change constamment pendant cette période et le manuscrit final est finalisé.
Les normes HTML5 ne détruisent pas les pages Web précédentes, et les pages Web qui répondent à la norme HTML4.01 sont toujours efficaces dans HTML5.
URL standard: https://www.w3.org/tr/html5///
Temps de manuscrit fixe: 28 octobre 2014
contenuPar rapport au HTML4.01 précédent, HTML5 a beaucoup augmenté:
① Nouveaux éléments sémantiques: <Reate>, <mendincd>, <gigne>, <figcaption>, <foomer>, <mener>, <hgroup>, <nav>, <section>, etc.
② CARACTÉRISTIQUES DE NOUVELLES ÉLÉMENTS: Augmenter les nouveaux attributs d'élément, les éléments de l'unité de table, les fonctions de vérification, etc.
③ Multimedia: Ajouter <audio> Audio, <ide vidéo> Éléments vidéo et autres contenus.
④ Dessin 2D / 3D: Ajouter un élément de dessin <Canvas>.
⑤ Stockage: augmenter les fonctions de stockage en ligne et hors ligne.
⑥ Connectivité: Augmentez deux contenus du client Interagir avec le serveur: Sockets Web (connexion durable et serveur durable) et les événements Seven (Données de poussée du serveur), etc.
⑦ Integrated: Fournissez des fonctions puissantes telles que les travailleurs du Web, l'API d'histoire, le châme de requête et la localisation géographique.
⑧ Accès aux périphériques: fournit une prise en charge des caméras et des appareils mobiles.
式 Style CSS3: fournit de nouvelles caractéristiques de style de fond, animation, bordure et autres styles.
Support de navigateurChaque navigateur grand public est différent de HTML5. Parmi eux, c'est-à-dire la fonction de prendre en charge HTML5 à partir de la 9ème version (toutes les fonctions de HTML5).
Si vous voulez savoir qu'une fonction de HTML5 est prise en charge par chaque navigateur, vous pouvez vous connecter à http://caniuse.com/ pour la question.
Prenant l'exemple de l'élément <UMIO>, vous pouvez afficher la prise en charge de chaque navigateur:
Créer une page HTML5Introduisez le changement de HTML5 à partir de la page.
<!La première ligne de la page HTML traditionnelle doit être une instruction de type de document spécifique, qui est liée au format et à la page d'affichage de mise en page du navigateur.
HTML4.01 est basé sur SGML (Langage standard de l'étiquette universelle), donc <!
HTML5 n'est pas basé sur SGML, donc DTD n'est pas requis.
HTML4.01 Page:[Code] <!
Page HTML5:<!balise <html>
Définir l'espace de dénomination
L'attribut XMLNS dans l'attribut <html> de l'attribut XMLNS peut définir un ou plusieurs espaces nommés facultatifs. Le navigateur utilisera cet espace de dénomination sur les éléments de la page où se trouve l'attribut.
Si cet attribut est omis, la valeur par défaut sera remplacée par http://www.w3.org/1999/xhtml.
Définir la langueLa propriété <HTML> Lang dans l'étiquette peut spécifier la langue naturelle de la page, telle que: lang = en signifie l'anglais, et lang = zh-cn signifie chinois. Exemple:
<html leng = zh-cn> </html><Méta> Paramètres de balise Encodage de caractères
<Meta> Meta-Information peut être fourni, tels que des mots clés pour les moteurs de recherche.
Parmi eux, l'attribut Charset définit le code de caractères de la page, qui peut convertir le contenu texte de la page en un format de codage spécifié pendant l'écran.
UTF-8 Préféré dans la conception Web:
<A-Head> <Meta Charset = UTF-8 /> <Title> Titre de la page </TITAL> </ Head>Table de style cite
Par rapport à la précédente HTML4.01, HTML5 omettent la propriété Type = Text / CSS lorsque le tableau du style de référence:
<A-Head> <Meta Charset = UTF-8 /> <Title> Titre de la page </ Title> <Link R = Stylesheet Href = / Styles / Site.css> </ Head>Citer le fichier javascript
Dans HTML5, lors de la citation du fichier JavaScript, l'attribut type = text / javascript est omis:
<A-Head> <Meta Charset = UTF-8 /> <Title> Titre de la page </ Title> <Script Src = / Scripts / JQury-1.7.2.js> </ Head> </Ead>Exemple complet
Vous trouverez ci-dessous une page HTML5 complète:
<! /scripts/jquery-1.7.2.js> </ script> </ head> <body> <p> Zone du corps </p> </ body> </html>