Le but du tutoriel HTML Advanced est d'explorer les avantages du HTML et d'optimiser l'affinité et la facilité d'utilisation.
Étant donné que les tutoriels élémentaires HTML et les tutoriels intermédiaires HTML prennent la position de l'utilisation de la dernière norme HTML (XHTML version 1.0 ou plus), certaines personnes qui n'ont pas lu les tutoriels élémentaires et intermédiaires peuvent avoir du mal à comprendre certains aspects de ce didacticiel, ce qui est également la raison pour laquelle les points clés existent. Dans l'ensemble, chaque partie de ce tutoriel suppose que vous avez une compréhension intérieure et extérieure du HTML et que vous souhaitez développer davantage son potentiel.
Ce tutoriel est destiné à ceux qui ont déjà compris le HTML mais ne peuvent pas résister au test des futures normes XHTML et sont implicites dans la séparation du contenu et des expressions.
Contenu et performances séparésHTML n'a jamais été un moyen d'expression, mais du côté de l'utilisateur, il combine des éléments pour formater du texte, les développeurs trouvent des moyens de fonctionner. La puissance du CSS ne permet pas d'utiliser HTML pour effectuer une représentation, et le contenu peut être complètement séparé de la représentation (CSS).
Il y a de nombreux avantages à procéder - il compresse généralement la capacité de fichier, a la flexibilité de contrôler l'intégralité du site Web au lieu d'une seule page avec une feuille de style principale, et peut également rendre la page plus facile à utiliser et plus d'affinité.
Suivre ces principes de base signifie essentiellement que vous ne devriez plus utiliser rien de stylisant à l'intérieur de HTML. Par exemple, les balises de police et les propriétés de BGColor ne doivent plus être utilisées. Même la bordure d'attribut de bordure dans la balise d'image IMG est illégale dans XHTML 1.1. Ne vous inquiétez pas, le HTML obsolète peut être stylé, le CSS peut être stylisé et cela peut être fait mieux.
Il ne s'agit pas seulement de supprimer la représentation de HTML, la structure du contenu signifie en utilisant des balises HTML claires où ils s'adaptent. Par exemple, H1, H2 et d'autres applications sont utilisées sur les titres - pas simplement en utilisant CSS pour agrandir la police.
Le meilleur guide consiste à utiliser son style par défaut sur un navigateur visuel pour présenter une page sans feuille de style (ou navigateur de texte avec une feuille de style mais ne prend pas en charge une feuille de style, telle que la note de Lynx - Translateur).
Les tableaux ne doivent pas être utilisés dans la mise en page - les tableaux sont utilisés pour représenter les données de format de table (nous l'avons dit plusieurs fois - la note du traducteur). Peut-être que pour les htmlers qui sont déjà habitués aux structures traditionnelles, il est très difficile de changer complètement. Cette méthode compresse considérablement les fichiers et, sur la base de ces codes explicites, il devient plus facile à utiliser et plus d'affinité.Pour en savoir plus, lisez la disposition du tutoriel CSS Advanced.
ÉtiquetteToutes les balises dans XHTML doivent être minuscules et fermées. Ceux sans étiquettes fermées (telles que BR et IMG) doivent être fermées automatiquement après avoir utilisé la barre d'attaque à moitié anglaise anglaise "/" (comme <br />). Faites attention au fait qu'il devrait y avoir un espace de demi-largeur anglais avant la barre oblique.
Les balises doivent également être de manière holistique afin que les éléments soient correctement imbriqués (par exemple <strong> <em> </em> </strong>, pas <strong> <em> ce </strong> </em>).
Tous les documents doivent avoir des éléments HTML, tête, titre et corps. Il doit également commencer par la déclaration de type de document.
Le corps du document doit commencer par P, H1, H2, H3, H4, H5, H6, Div, Pre, Adresse, Ins ou Del.
propriétéTous les attributs doivent être minuscules et leurs valeurs doivent également être enfermées dans des guillemets en anglais à demi-largeur (").
L'attribut rationalisé n'est pas autorisé (par exemple, <input type = "Checkbox" Checked />). Par convention, un attribut rationalisé doit donner la même valeur que le nom d'attribut (tel que <input type = "checkbox" checked = "checked" />).
L'attribut de nom n'est plus légal (sauf dans les éléments de forme) et l'ID doit être utilisé à la place.
L'objectif d'attribut cible n'est pas un attribut légal. Heureusement, c'est un peu fou.
Dans IMG, l'attribut ALT est requis.
AffinitéLa raison de la création de pages Web d'affinité pour les personnes handicapées n'est pas prouvée. Il est non seulement humain, mais aussi bénéfique pour les utilisateurs âgés et les utilisateurs avec des caractéristiques faciales réduites (pensez, un jour, nous sommes vieux, notre vue est réduite et nos caractéristiques faciales ne sont pas flexibles. Comment pouvons-nous parcourir Internet? Accumuler une certaine vertu pour les personnes âgées et considérer l'affinité maintenant! - Note du traducteur). L'affinité est non seulement pratique pour les personnes ayant des handicaps graves, mais facilite également la plupart des utilisateurs avec de petites quantités de fonctions de régression (vision extraordinaire).
Cette question est de plus en plus impliquée dans des questions juridiques, telles que l'adoption du "508" aux États-Unis, qui tente de promouvoir activement l'utilisation de l'affinité obligatoire; Au Royaume-Uni, tous les sites Web du gouvernement doivent avoir un niveau d'affinité spécifié. Quand peut-il y avoir une législation comme des mesures d'affinité sur les bâtiments afin qu'ils puissent être largement utilisés sur les sites Web commerciaux? (La Chine ne sait toujours pas quand ce type de législation sera disponible! Mais cela ne signifie pas que nous ne devons pas prêter attention à la légalité des pages Web que nous avons conçues. - Note du traducteur)
Si vous pouvez suivre les suggestions ci-dessus, votre HTML devrait déjà avoir une affinité élevée pour les utilisateurs handicapés. Il y a plus de créations qui porteront votre affinité au niveau supérieur, et ce n'est pas difficile. Voir Affinity Connection et Affinity Form Guide.