


Structure et sémantique de HTML5 (1) : compétences du didacticiel Preface_html5
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)

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

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 ...

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? Pendant la programmation, les marges négatives dans CSS (négatif ...

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 ...

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 problème de l'ouverture des conteneurs en raison d'une omission excessive du texte sous disposition flexible et de solutions est utilisé ...

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 ...

iconfont ...
