Langue de balisage - titre

Cliquez ici pour revenir à la colonne de tutoriel Wulin.com HTML.

Ci-dessus: Liste du chapitre1

Source d'origine

Non seulement toutes les pages Web doivent avoir des titres, mais elles peuvent ajouter beaucoup de couleur à la conception Web et à la facilité d'utilisation si elles sont marquées correctement.

En termes d'apparence, le titre d'une page Web est généralement une taille de police plus grande et peut utiliser une couleur ou une police différente du texte principal. La fonction du titre est de décrire brièvement le sujet abordé dans les chapitres suivants. W3C le décrit comme ceci - affiche le résumé de chaque paragraphe de la page Web.

Comment créer un titre de page pour faire les informations que nous souhaitons présenter l'utilisation la plus efficace? Dans ce chapitre, nous étudierons plusieurs méthodes couramment utilisées pour faire face aux titres, essayer de découvrir l'une des façons les plus utiles pour nous, puis nous utiliserons certains conseils et astuces CSS pour décorer la meilleure méthode.

Avant de répondre à cette question, supposons que le titre est maintenant placé en haut du document, et jetons un coup d'œil à trois façons d'obtenir des effets similaires.

<span class = Heading> Super Cool Page Title </span>

Bien que la balise <span> soit une balise pratique dans certains cas, cela n'a pas beaucoup de sens pour les titres de page. Le seul avantage de l'utilisation de cette méthode est que nous pouvons spécifier un style CSS pour la classe de cap afin que le texte ressemble à un titre.

.

taille de police: 24px;

Police-poids: Bold;

Couleur: bleu;

}

Maintenant, tous les en-têtes marqués de cap deviendront plus gros, plus épais et bleus, ce qui est génial, non? Mais que se passe-t-il si quelqu'un utilise un navigateur qui ne prend pas en charge CSS pour accéder à cette page?

Par exemple, que se passe-t-il si nous mettons les styles CSS dans un fichier de feuille de style externe qui n'est pas pris en charge par l'ancien navigateur - ou lorsque l'écran lit la page pour un utilisateur désactivé? Les utilisateurs qui accèdent à cette page via ces canaux ne verront pas (pas de son) la différence entre le titre et le texte.

La méthode d'annotation comme Class = Heading décrit légèrement la signification du contenu de la balise, mais <span> n'est qu'un conteneur à usage général, qui permet uniquement à la plupart des navigateurs de modifier le style d'affichage par défaut.

Lorsque les moteurs de recherche rampent cette page, ils sauteront la balise <span> comme s'il n'était pas là et n'augmentera pas le poids des mots clés qui peuvent être inclus. Plus tard, davantage de relations entre les moteurs de recherche et les titres de page seront mentionnées dans ce chapitre.

Enfin, comme la balise <span> est un élément en ligne, nous devons principalement placer le contenu de la méthode A dans un autre conteneur au niveau des blocs, tel que <p> ou <v>, afin qu'il puisse occuper une seule ligne. Cela générera beaucoup de code inutile. Même si vous ajoutez le conteneur requis, les navigateurs qui ne prennent pas en charge CSS affichent toujours le texte de leur manière d'origine, afin que les utilisateurs ne puissent voir aucune différence entre le titre et le corps.

Page précédente 2 3 3 4 5 Page suivante Lire le texte intégral