Introduction de l'article de wulin.com (www.vevb.com): Les exigences de cohérence pour les documents HTML5 doivent être formulées, et même de nouveaux éléments, attributs, API et modèles de contenu doivent être utilisés. De cette façon, le contenu Web peut être élégamment rétrogradé dans les agents utilisateur plus anciens ou moins capables. Utilisons le formulaire HTML5 pour illustrer. Les nouveaux types ajoutés aux entrées incluent le numéro, la recherche, la plage, le courrier électronique, la date, l'URL, etc. Ces valeurs de nouveaux types sont dans les navigateurs qui ne le prennent pas en charge.
Remarque: les exemples de cet article doivent être affichés dans le code, mais parce que le doctype que nous utilisons maintenant est xhtml1.0, le navigateur ne peut pas lire le code html5, et pré ne peut pas être pré
Lisez le code, donc il ne peut être expliqué que par des mots.
Évitez la complexité inutile
Les solutions concises sont toujours plus populaires que les complexes, si possible.
Le type de document de HTML 4.01 est défini comme celui-ci (j'ai omis des supports d'angle à cause de l'analyse du navigateur):
! Doctype html public - // w3c // dtd html 4.01 // en
Le doctype de xhtml 1.0 est:
! Doctype html public - // w3c // dtd xhtml 1.0 strict // en
Dans HTML 5, si la complexité inutile est éliminée, Doctype est simplifié à :! Doctype HTML
Prise en charge du contenu existant
Le contenu existant repose sur le traitement et le comportement des agents utilisateur attendus pour réaliser les fonctionnalités attendues.
La prise en charge du contenu existant signifie une prise en charge de 100% pour le contenu existant.
Résoudre de vrais problèmes
Le problème rencontré par le contenu de la page Web ne convient pas à la solution réelle qui ne peut répondre aux besoins existants.
Par exemple, supposons que j'utilise HTML 4 ou XHTML 1, correspondant à un contenu entier, tel qu'une liste de produits, y compris l'image du produit, le titre de produit, l'introduction du produit, etc. Je souhaite ajouter respectivement trois liens identiques à ces trois éléments. Cependant, dans HTML5, vous pouvez utiliser une balise pour inclure ces trois blocs. C'est-à-dire que la balise A contient des éléments au niveau du bloc. Cela résout le vrai problème.
Chercher la vérité et être pragmatique
Les nouveaux éléments sémantiques de HTML5 sont des réflexions qui suivent le principe de la recherche de vérité et pragmatique.
Si vous regardez la page Web maintenant, il y aura probablement des codes comme celui-ci: id = en-tête ID = Navigation ID = Main ID = Barbar Sidebar ID = Footer Cependant, dans HTML5, les balises nouvellement ajoutées peuvent remplacer la div correspondante, telle que l'en-tête, la navigation, mis à part, le pied de page. Ne pensez pas que ce sont des remplacements d'identification. Non, les nouvelles balises sont en fait des remplacements de la classe, car ces balises peuvent être réutilisées sur la page.
Dégradation stable
Les exigences de cohérence pour les documents HTML5 doivent être formulées, et même de nouveaux éléments, attributs, API et modèles de contenu doivent être utilisés. De cette façon, le contenu Web peut être élégamment rétrogradé dans les agents utilisateur plus anciens ou moins capables.
Utilisons les formulaires HTML5 pour illustrer. Les nouveaux types ajoutés à l'entrée incluent le numéro, la recherche, la plage, le courrier électronique, la date, l'URL, etc. Ces nouveaux valeurs de type seront interprétées comme du texte dans les navigateurs qui ne le prennent pas en charge. Par conséquent, vous pouvez utiliser hardiment les formulaires HTML5, qui peuvent être rétrogradés avec élégance.
Priorité de l'utilisateur final
Une fois le conflit rencontré, l'utilisateur final est préféré, suivi de l'auteur, de l'implémenteur, du secteur standard et enfin de la perfection théorique.
PDF: conception de HTML5