Maison interface Web Tutoriel H5 Structure et sémantique de HTML5 (1) : compétences du didacticiel Preface_html5

Structure et sémantique de HTML5 (1) : compétences du didacticiel Preface_html5

May 16, 2016 pm 03:51 PM
html web mais 元素 浏览器 结构 Sémantique 语言


Hypertext Markup Language (HTML) 5 introduit pour la première fois de nouveaux éléments dans le HTML. Les nouveaux éléments structurels incluent le côté, la figure et la section. Les nouveaux éléments en ligne incluent le temps, le compteur et la progression. Les nouveaux éléments en ligne sont la vidéo et l'audio. Les nouveaux éléments interactifs sont les détails, la grille de données et la commande.
Le développement du langage Hypertext Markup Language (HTML) s'est arrêté avec HTML 4 en 1999. Le World Wide Web Consortium (W3C) s'est concentré sur la modification de la syntaxe sous-jacente du HTML du langage de balisage généralisé standard (SGML) au langage de balisage extensible (XML), ainsi que sur de nouveaux langages de balisage tels que Scalable Vector Graphics (SVG). ), XForms et MathML. Les fabricants de navigateurs se concentrent sur les fonctionnalités des navigateurs telles que les onglets et les lecteurs de résumé de site enrichi (RSS). Les concepteurs Web commencent à apprendre à utiliser le JavaScript XML (Ajax) asynchrone pour créer leurs applications dans des cadres existants à l'aide de feuilles de style en cascade (CSS) et du langage JavaScript™. Mais au cours des huit années suivantes, rien n’a changé dans le HTML lui-même.
Récemment, il a été relancé. Trois principaux fournisseurs de navigateurs – Apple, Opera et la Fondation Mozilla – ont formé le groupe de travail sur la technologie des applications hypertextes Web (WhatWG) pour développer une nouvelle version du HTML traditionnel. Récemment, le W3C a également remarqué ces activités et a lancé son propre projet HTML de nouvelle génération. De nombreux membres des deux partis sont les mêmes. Les deux projets devraient éventuellement fusionner. Si de nombreux détails font encore débat, les grandes lignes de la prochaine version du HTML sont déjà claires.
Les développeurs Web attendent une nouvelle version de HTML (souvent appelée HTML 5, mais aussi appelée Web Applications 1.0) depuis 1999, et elle est enfin disponible. Il conserve les fonctionnalités originales du HTML : pas d'espaces de noms ni de modèles. L'élément n'a pas besoin de se terminer. Les navigateurs traitent les erreurs avec indulgence. p est toujours p et la table est toujours la table.
Si un développeur web était gelé en 1999 et dégelé maintenant, il rencontrerait des éléments nouveaux et déroutants. Oui, les éléments familiers comme les divs sont toujours là ; cependant, HTML inclut désormais également de nouveaux éléments comme la section, l'en-tête, le pied de page et la navigation. em, code et strong sont toujours là, mais meter, time et m ont été ajoutés. img et embed sont toujours disponibles, mais la vidéo et l'audio ont été ajoutés. Cependant, en y regardant de plus près, il a découvert que ces éléments étaient en réalité impossibles à distinguer. Beaucoup de ces éléments étaient probablement ce dont les développeurs avaient besoin en 1999 mais n'ont pas été obtenus. Ces nouveaux éléments sont faciles à comprendre grâce à de simples analogies avec des éléments qu'il maîtrisait déjà. En fait, ils sont très faciles à maîtriser par rapport à Ajax ou CSS.
Enfin, lorsqu'il allume son ordinateur portable à 300 MHz (exécutant Windows 98, qui a également été gelé en 1999), il pourrait être surpris par la façon dont les nouvelles pages apparaissent dans Netscape 4 et Windows® Internet Explorer® 5. Bien entendu, ces anciens navigateurs ne reconnaissent pas les nouveaux éléments et les ignoreront complètement, mais la page s'affichera toujours et le contenu sera toujours intact.
Ceci n'est pas une histoire fictive. HTML 5 est conçu pour se dégrader progressivement dans les navigateurs qui ne le prennent pas en charge. La raison est simple : nous sommes tous de tels « primitifs ». Les navigateurs disposent désormais d'onglets, de CSS et de XmlHttpRequest, mais leurs moteurs d'affichage HTML sont toujours bloqués en 1999. Hormis une augmentation considérable du nombre d’utilisateurs, le Web a pour l’essentiel peu progressé. HTML 5 en tient compte. Il offre actuellement de réels avantages aux développeurs Web, et à mesure que les navigateurs se mettent à niveau progressivement, les visiteurs de pages bénéficieront progressivement de ces avantages.
Jetons un coup d'œil à ce que HTML 5 a à offrir.
(À suivre)
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment réaliser un effet d'écart sur la disposition de la carte et des coupons avec fond de gradient? Comment réaliser un effet d'écart sur la disposition de la carte et des coupons avec fond de gradient? Apr 05, 2025 am 07:48 AM

Réalisez l'effet d'écart de la disposition des coupons de carte. Lors de la conception de la disposition des coupons de carte, vous rencontrez souvent la nécessité d'ajouter des lacunes sur les coupons de carte, surtout lorsque l'arrière-plan est le gradient ...

Comment afficher correctement le 'Jingnan Mai Round Body' installé localement sur la page Web? Comment afficher correctement le 'Jingnan Mai Round Body' installé localement sur la page Web? Apr 05, 2025 pm 10:33 PM

En utilisant récemment des fichiers de police installés localement dans les pages Web, j'ai téléchargé une police gratuite à partir d'Internet et je l'ai installée avec succès dans mon système. Maintenant...

Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Comment résoudre ce problème? Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Comment résoudre ce problème? Apr 05, 2025 pm 10:18 PM

Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Pendant la programmation, les marges négatives dans CSS (négatif ...

Comment obtenir des données d'application et de visionneuse en temps réel sur la page de travail 58.com? Comment obtenir des données d'application et de visionneuse en temps réel sur la page de travail 58.com? Apr 05, 2025 am 08:06 AM

Comment obtenir des données dynamiques de la page de travail 58.com tout en rampant? Lorsque vous rampez une page de travail de 58.com en utilisant des outils de chenilles, vous pouvez rencontrer cela ...

Comment personnaliser le symbole de redimensionnement via CSS et le rendre uniforme avec la couleur d'arrière-plan? Comment personnaliser le symbole de redimensionnement via CSS et le rendre uniforme avec la couleur d'arrière-plan? Apr 05, 2025 pm 02:30 PM

La méthode de personnalisation des symboles de redimension dans CSS est unifiée avec des couleurs d'arrière-plan. Dans le développement quotidien, nous rencontrons souvent des situations où nous devons personnaliser les détails de l'interface utilisateur, tels que l'ajustement ...

Le texte sous la disposition Flex est omis mais le conteneur est ouvert? Comment le résoudre? Le texte sous la disposition Flex est omis mais le conteneur est ouvert? Comment le résoudre? Apr 05, 2025 pm 11:00 PM

Le problème de l'ouverture des conteneurs en raison d'une omission excessive du texte sous disposition flexible et de solutions est utilisé ...

Comment utiliser CSS et Flexbox pour implémenter la disposition réactive des images et du texte à différentes tailles d'écran? Comment utiliser CSS et Flexbox pour implémenter la disposition réactive des images et du texte à différentes tailles d'écran? Apr 05, 2025 pm 06:06 PM

Implémentation de dispositions réactives à l'aide de CSS lorsque nous voulons implémenter des modifications de mise en page sous différentes tailles d'écran dans la conception Web, CSS ...

See all articles