Maison interface Web Tutoriel H5 Conseils des didacticiels X/HTML5 et XHTML2_html5

Conseils des didacticiels X/HTML5 et XHTML2_html5

May 16, 2016 pm 03:51 PM
html xhtml 使用 元素 定义


Après avoir compris les progrès de XHTML 2, jetons un œil aux progrès de X/HTML 5.
Qu'est-ce qui est cool avec X/HTML 5
Conception des éléments du chapitre
X/HTML 5 introduit de nouveaux éléments pour diviser les pages Web en chapitres. Ces composants aident les moteurs de recherche et les outils d'accessibilité à mieux comprendre le contenu de la page. Utilisez ces nouveaux éléments pour rendre les étiquettes plus lisibles.
L'idée du contenu chapitré est cool ! Mais voyez pourquoi l’utilisation de la technologie des chapitres n’est pas assez cool.
Éléments de dialogue
L'élément de conversation est utilisé pour représenter une conversation. Il comprend un élément dt utilisé pour définir le locuteur et un élément dd représentant le contenu du discours du locuteur. Par exemple:

Costello

Ecoute, tu dois jouer au premier but ?

Abbott

Certainement.

Costello

Qui joue en premier ?

Abbott

C'est vrai.

Costello

Quand vous payez le joueur de premier but chaque mois, qui reçoit l'argent ?

Abbott

Chaque dollar de celui-ci.


élément figure
Les mastheads sont souvent utilisés dans les objets médiatiques (photos, illustrations, graphiques, etc.) dans les publications imprimées (manuels scolaires, journaux, magazines, etc.). Jusqu'à présent, les langages de balisage Web n'ont aucune construction capable de produire cet effet. L'élément figrue a un élément enfant legend qui peut être utilisé pour spécifier l'en-tête de l'image. Par exemple:
Code XML/HTML

Crédit : Media Inc., 2007
Photo: J. Smith

élément m L'élément
m représente une section de texte marquée ou mise en surbrillance. Ceci est très utile lors de l'affichage de mots-clés de recherche dans des pages Web dynamiques. À ce stade, les mots-clés de la page peuvent être marqués à l'aide de l'élément m. Par exemple, en réponse à la recherche par l'utilisateur du mot-clé neige, la page Web peut générer le contenu suivant :
Code XML/HTML

Un homme de neige est une sculpture ressemblant à un homme construite à partir de neige.


L'élément de saisie a été amélioré
La fonction d'élément d'entrée a été améliorée pour prendre en charge les types de données e-mail, URL, liées aux données, liées au temps et numériques. Cela signifie que davantage de fonctions de vérification peuvent être effectuées côté client.
Processus ouvert
Le processus de développement de X/HTML est beaucoup plus ouvert que celui de XHTML 2. Tout le monde peut participer au processus de création X/HTML 5.
La mouche dans la pommade de X/HTML 5
Utilisation des éléments du chapitre
L'idée d'utiliser des éléments de chapitre est bonne, mais elle semble un peu lourde dans les applications X/HTML 5. Certaines explications peuvent même vous laisser encore plus confus. Par exemple:
L'élément side représente une partie du contenu de la page. Il est lié au contenu avant et après l'élément side. Il peut être considéré comme une partie indépendante du contenu. Ces composants sont souvent utilisés dans les barres latérales de la technologie d'impression.
Les éléments div avec des attributs de rôle ne sont-ils pas plus extensibles et plus faciles à comprendre ?
Un autre élément de chapitre mentionné est la navigation, qui est utilisée pour représenter des liens vers d'autres pages de la page. Avons-nous vraiment besoin de l’élément nav ? L'élément nl dans XHTML 2 accomplit mieux cette tâche.
Les déficiences en HTML 4 et XHTML 1 existeront toujours dans les futures spécifications
Étant donné que X/HTML tente de fournir un support rétroactif, des déficiences dans HTML 4 et XHTML 1 existeront toujours dans X/HTML 5. Les spécifications ne doivent pas nécessairement être vides vers l'arrière ; le logiciel client doit plutôt assurer une compatibilité ascendante en prenant en charge plusieurs spécifications.
X/HTML 5 ne suit pas le manuel X/HTML 5
X/HTML 5 est conçu pour être rétrocompatible avec HTML 4 et XHTML 1. Actuellement big, acronyme, u et tt ne font pas partie de cette spécification, mais d'autres éléments tels que i et samll ont redéfini la sémantique. Par exemple, i et small sont définis dans la spécification HTML 4.01 comme suit :
i : Mettre le texte en italique
small : afficher le texte dans une police "petite"
Dans X/HTML 5, i et small ont de nouvelles significations :
L'élément i utilise différentes manières d'exprimer un morceau de texte ou un paragraphe différent du texte principal, comme une conception de classification, des termes techniques, des expressions idiomatiques dans des langues étrangères, une idée, une opinion, le nom d'un navire ou d'autres besoins en technologie d'impression Rend le texte en italique. .
Le petit élément présente des polices de caractères en petits caractères (parties du document qui expliquent les contraintes légales, telles que les droits d'auteur ou les inconvénients existants) et des commentaires.
Cela rompt la compatibilité ascendante avec HTML 4 et XHTML 1 en redéfinissant la signification de i et small. En effet, la compatibilité descendante devrait signifier que l'agent utilisateur HTML 5 (navigateur) doit être cohérent avec l'agent utilisateur HTML 4 lors du rendu des documents HTML 4. Par conséquent, si HTML 5 met l’accent sur la rétrocompatibilité, les structures qui ont peu de sens en HTML 4 ont également peu de sens en HTML 5.
Pas question ? L'élément font est-il toujours pris en charge ?
Oui, X/HTML 5 prend toujours en charge l'élément font si le développeur utilise un éditeur WYSIWYG. Y a-t-il une justification à cela ? Les éditeurs WYSIWYG peuvent-ils éviter d’utiliser des polices ?
Signature WYSIWYG
Les documents générés à l'aide d'un éditeur WYSIWYG doivent contenir la signature WYSIWYG suivante dans l'élément head :
Code XML/HTML

Ou :
Code XML/HTML

Quelle est la raison de cela ? Une sorte de marque de honte ? Cela demande-t-il au navigateur de se préparer au pire car ce document a été généré avec un éditeur WYSIWYG ? Et si seulement une partie du document était complétée à l’aide des outils WYSIWYG ?
Prend en charge les noms de classe prédéfinis
Les noms de classe prédéfinis sont des noms de classe CSS sémantiques réservés dans les agents utilisateurs X/HTML 5. Dans l'exemple suivant, copyright est un nom de classe prédéfini :
Code XML/HTML



Seule l'écriture de cette façon a du sens :
Code XML/HTML

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

Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 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)

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Comment analysez-vous et traitez-vous HTML / XML dans PHP? Comment analysez-vous et traitez-vous HTML / XML dans PHP? Feb 07, 2025 am 11:57 AM

Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles