Cet article prête attention aux balises html du conte de fées parfait précédent. Elles sont nuisibles, mauvaises, évidemment laides, et devraient être exclues du HTML standard, soit subvertir le navigateur, soit utiliser le nouveau plus simple et recommandé. ceux.
Bien que les tutoriels de base précédents aient fourni des suggestions conformes aux normes, les débutants ont des bases différentes ou des exercices incorrects. Voici un résumé.
HTML tente de passer des performances à la sémantique, puis de séparer la sémantique (HTML) et les performances (CSS). Ceci a été largement utilisé sur les pages Web car une seule directive de présentation (fichier CSS) peut être utilisée sur plusieurs pages. De cette façon, le site Web est plus facile à gérer, et si vous souhaitez modifier l’ensemble du site, il vous suffit de modifier un simple code.
Certaines balises nuisibles sont en réalité de simples balises de présentation (comme small), qui peuvent être remplacées par du code ayant la même signification en CSS. D'autres balises ne sont pas expressives, mais sont inutiles (comme la balise font) ou préjudiciables à la convivialité (comme le clignotement).
Balises
Les balises répertoriées ci-dessous pourraient utiliser de meilleures options :
La balise b signifie gras. Vous pouvez utiliser strong à la place ou ajouter font-weight:bold en CSS.
i représente des éléments en italique, vous pouvez les utiliser à la place, ou ajouter font-style: italic en CSS.
Big est utilisé pour exprimer un texte volumineux. Vous pouvez utiliser h1, h2, etc. dans le titre. D'autres peuvent être spécifiquement contrôlés dans la taille de la police CSS.
Small est utilisé pour exprimer un petit texte et peut être contrôlé en taille de police CSS.
hr représente une ligne horizontale, qui peut être remplacée par border-top ou border-bottom en CSS, ou peut également être représentée par des images.
Les balises mentionnées ci-dessus sont toutes conformes aux standards HTML récents, mais elles ne confèrent pas de signification sémantique au contenu. Ils ont peut-être plus d’utilisations, mais ils ne sont pas particulièrement nocifs et il peut être très facile de commettre des erreurs en se tenant sur les étiquettes merdiques ci-dessous.
u représente un élément souligné. Il maintient le texte souligné comme une connexion, ce qui explique peut-être pourquoi cette balise a disparu, les gens n'aiment vraiment pas que le texte non connecté soit souligné.
center peut centrer l’élément. La propriété CSS text-align peut non seulement centrer mais aussi à gauche, à droite et justifier. menu est utilisé pour créer une liste de menus. Il le fait mieux que ul, mais les listes non ordonnées sont plus courantes et ul remplace menu.
L'élément layer est très similaire à l'élément div, mais il ne fonctionne que dans les anciennes versions des navigateurs Netscape et est de peu d'utilité.
clignoter ou marquer. Dites-leur un non catégorique.
font peut être utilisé pour définir le nom, la taille et la couleur de la police. Les sites Web plus anciens (et même actuels) qui utilisent des balises de police en permanence sur toute la page sont comme une épidémie de termites. Certains logiciels de création Web placent des balises de police autour de chaque élément pour contrôler la couleur ou la taille du texte. Utilisez la balise font pour l'appliquer à chaque élément. Si elle est exprimée en CSS, cela ne prend qu'une simple phrase et elle peut être modifiée sur tout le site. En utilisant cette méthode, vous pouvez non seulement réduire la taille de la page Web, mais également modifier le contenu représenté par la police en modifiant une simple instruction CSS. Cela permet de conserver la cohérence du style du site Web. Les balises de police et l’utilisation abusive des tableaux sont les principales causes des pages Web surchargées.
Attributs
Maintenant, vous utilisez peut-être les étiquettes correctement, mais elles ont des propriétés parasites gênantes qui peuvent conduire à une mauvaise saveur.
name attribue un nom à un élément, qui fonctionne parfaitement dans les éléments de formulaire tels que input, mais ailleurs, le travail du nom est repris par l'attribut id.
text et bgcolor sont utilisés pour spécifier la couleur de base du texte et la couleur d'arrière-plan de la balise open body. Les propriétés color et background-color en CSS peuvent être bien appliquées au sélecteur de corps.
background peut spécifier une image d'arrière-plan pour la balise body. CSS peut fournir de meilleurs attributs d'image d'arrière-plan, tels que background-image.
link, alink, vlink peuvent spécifier la couleur du lien pour la balise body. Propriétés CSS : :link, :active, :visited ont le même effet. align peut contrôler la disposition des éléments, tels que <div align="center">Stuff</div>, mais comme la balise center, vous pouvez utiliser l'attribut text-align en CSS.
Le lien cible est ouvert dans différents états, par exemple en ouvrant une nouvelle fenêtre <a href="wherever.html" target="_blank">Aidez-moi</a>. Cela semble bien, mais cela ne semble pas familier au site. Les utilisateurs ne s'attendent pas à ce que cela (comme l'ouverture de nouvelles fenêtres) apparaisse comme par magie. La plupart des utilisateurs aiment utiliser le bouton "retour", et ouvrir une nouvelle fenêtre signifie que cette fonction est désactivée. Les attributs de performance de la balise, tels que la largeur et la hauteur de l'image, le cellpadding et l'espacement des cellules du tableau, déterminent l'application de différents attributs à différents éléments. Ce n'est pas une solution parfaite, mais si votre page contient beaucoup d'images ou de tableaux, vous n'aurez peut-être pas d'autres options viables.
La plupart des attributs de présentation inexplicables appartiennent à la balise textarea, qui a non seulement des attributs valides pour les colonnes et les lignes, mais la dernière norme HTML les exige.
Bonne étiquette, mauvaise application.
Pour entrer dans votre maison, vous pouvez vous agenouiller et ramper à travers un trou de chien, mais attendez, il y a une décoration de porte conçue spécifiquement pour les gens - la poignée, haha, regardez, la porte est de la bonne taille pour que les gens puissent passer.
Les balises HTML sont conçues pour le détail, et croyez-le ou non, lorsque vous les utilisez correctement, vous pouvez obtenir les meilleurs résultats.
Lorsque le HTML est sémantique, les pages Web sont plus utilisables pour les utilisateurs handicapés, comme les lecteurs d'écran qui mettent souvent l'accent sur les listes utilisant des balises ul ou un titre utilisant des balises h1 ou h2.
L'abus le plus grave du HTML concerne les tableaux. Les tableaux sont utilisés pour la mise en page, mais ils ne sont utilisés que pour représenter des données tabulaires. L'idée de ne pas utiliser de disposition de tableau ne consiste pas à rechercher l'illumination comme un bouddhiste. Elle présente de réels avantages, non seulement en réduisant la taille de la page Web, mais en facilitant également la maintenance et la refonte de la page Web.
Parfois, certains concepteurs utilisent certaines balises et attributs pour compléter les conceptions de transition (en particulier les mises en page de tableaux). Premièrement, ils peuvent prendre en charge les anciennes versions des navigateurs (Netscape 4). Les tableaux fonctionnaient mieux que CSS dans Netscape 4, mais leurs utilisateurs étaient très petits et en déclin. Maintenant que les utilisateurs mobiles augmentent, la disposition des tableaux est très mauvaise. Les avantages des tableaux mentionnés ci-dessus dépassent de loin les inconvénients, et la raison en est que la page doit prendre en compte toutes les fonctions du navigateur avec le moins de style possible.
Cadres
Boucle d'or pense que c'est une très bonne idée de l'aider avec un bol de porridge, mais trois grands prédateurs apparaissent et la jettent par la fenêtre. Le cadre est comme un bol de bouillie appartenant à l'ours. Ils ont l'air bien, mais le danger est toujours présent.
La plupart des sites Web n'utilisent pas de cadres et la plupart des utilisateurs de sites Web n'utilisent qu'une seule page.
Mais que se passe-t-il si, pour une raison quelconque, vous devez empêcher les utilisateurs d'ajouter une page spécifique à leurs favoris, ou si vous souhaitez empêcher l'introduction de pages spécifiques par courrier électronique ou par messagerie instantanée, ou si vous souhaitez ajouter un autre niveau de complexité globale à l'utilisation de lecture d'écran Pour les utilisateurs handicapés du navigateur qui ont besoin de naviguer entre les frames, ou si vous souhaitez entrer dans l'enfer des moteurs de recherche, utilisez les frames.
Fondamentalement, les frameworks ne font qu’ajouter de la complexité et perdre en convivialité.
Enfin, si vous suivez les règles ci-dessous, vous ne vous tromperez pas trop.
1) Si le nom du label ou de l’attribut est relativement inconnu, il est recommandé de le commenter ou de ne pas l’utiliser. L’efficacité de l’utilisation des CSS sera ainsi améliorée.
2) Laissez l’étiquette faire le travail pour lequel elle porte son nom. Les tableaux sont utilisés pour les données tabulaires. Utilisez simplement le titre pour le titre, et ainsi de suite.
3) Lorsque vous avez un contenu clair, utilisez les balises appropriées. Utilisez des listes pour les listes, des titres pour les titres, etc.