Si je fais
<h1>H<span style="font-size: 12px;">Ello</span>
W<span style="font-size: 12px;">orld</span></h1>
Je ne fais pas de JS ou quoi que ce soit d'autre. Je veux juste que les autres lettres soient plus petites. Je sais que je devrais trouver une police appelée "Small Caps" - mais cette police n’existe pas.
Raison: lettrines, les sites Web aiment que NYC.com utilise des lettrines, les lettrines ont besoin de codes CSS spéciaux sans div, span ou classe Les lettrines ne sont pas possibles, mais les moteurs de recherche les analysent tout de même. Vous devez simplement vous assurer que les moteurs de recherche peuvent explorer votre site.
Cela ne fera pas de mal au référencement.
Aucune recommandation n'est nécessaire dans ce cas, mais essayez de vous reporter à lettrines .
Utiliser une durée comme celle-là ne fait pas mal à SEO, cependant il n'y a aucune raison de le faire quand le pseudo-élément ::first-letter
existe. Vous pouvez procéder comme suit pour styler uniquement la première lettre sans modifier votre balisage:
h1 {
font-size: (your preferred font size for the rest of the text);
}
h1::first-letter {
font-size: (your larger font size for the first letter);
}
Donc, pour répondre à votre question, le pseudoélément ::first-letter
constitue en fait la meilleure approche, s’il répond à vos contraintes de conception.
Plus d'infos: https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter