Donc, je suis à la commission pour un site Web, et j'essaie d'améliorer mon code. Quand il s'agit d'un site web avec plusieurs types de polices (ici c'est grand, là c'est petit, là c'est gras, ici c'est souligné, etc.) est-ce là où on utilise le h1-h6, ou réservons-nous pour les moments où il y a une hiérarchie définie, en utilisant à la place <p class="xxx">
pour définir différentes classes de texte?CSS: Quelle est la bonne façon de traiter plusieurs classes de texte?
Répondre
- Vous déterminez pourquoi il devrait être grand, petit, gras, souligné ou etc.
- Vous écrivez le balisage qui exprime la sémantique vous avez déterminé en utilisant 1
div
etspan
(les éléments libres sémantiques) si rien plus approprié existe et en ajoutantclass
etid
si vous avez besoin de quelque chose de plus spécifique que tout ce que le HTML fournit explicitement. - Vous écrivez sélecteurs CSS qui correspondent à un balisage pour appliquer ces ensembles de règles qui styles
rubriques d'utilisation Alors que si vous avez rubriques, et de les utiliser dans l'ordre. h1
pour la rubrique principale, h2
des sous-positions, h3
pour subsubheadings, etc.
Si vous ne pouvez pas generate a sensible table of contents des rubriques, vous certainement ne les utilisez pas correctement.
Utilisez h1-h6
où ils sont censés être utilisés. Utilisez des classes pour décorer votre texte, y compris dans le p
ou h1-h6
.
En règle générale, gardez un œil sur l'apparence de votre site Web sans feuille de style. Vous êtes OK tant que votre site Web est capable de transmettre le message même sans feuille de style. À titre de suggestion, je vous rappelle que vous pouvez utiliser plusieurs classes sur les étiquettes. Vous pouvez l'utiliser pour définir plus petit, plus simple ensemble de règles telles que:
.bigFont { font-size: 150%; }
.italicFont { font-style: italic; }
.grayFont { color: Gray; }
...
et appliquez une ou plusieurs de ces styles sur les étiquettes.
Sémantiquement h1 - h6 sont pour les en-têtes. Si les différents types de polices sur votre site sont toutes les rubriques alors bien, je soupçonne qu'ils ne le sont pas.
De même p est utilisé pour les paragraphes.
Si vous avez différents paragraphes qui ont différents styles de texte in..then oui
<p class="firststyle">This is paragraph 1</p>
<p class="secondstyle">This is paragraph 2</p>
mais rappelez-vous ces balises ont une signification. Pour plus d'informations, see this article
- 1. Quelle est la bonne façon de traiter les permissions?
- 2. Quelle est la bonne façon de gérer plusieurs redirections automatiques?
- 3. Quelle est la bonne façon de rediriger?
- 4. Quelle est la bonne façon d'utiliser plus de 1 classe CSS sur un élément?
- 5. Bonne façon d'étirer l'objet sur plusieurs classes
- 6. Quelle est la bonne façon de traiter des images générées dynamiquement en utilisant Apache et mod_perl?
- 7. Quelle est la bonne façon de traiter les exceptions dans les intercepteurs dans EJB3?
- 8. Quelle est la bonne façon d'assombrir l'écran?
- 9. Quelle est la bonne façon d'initialiser HRESULT?
- 10. Quelle est la bonne façon de relier 2 objets javascript?
- 11. Django vote: quelle est la bonne façon de balises annexant
- 12. Quelle est la bonne façon de charger un ListBox?
- 13. Quelle est la bonne façon de s'associer avec un ABPerson?
- 14. La bonne façon de contrôler plusieurs threads
- 15. Quelle est la bonne façon de reconstruire l'index de Lucene
- 16. Quelle est la bonne façon de gérer la version d'assemblage?
- 17. Quelle est la bonne façon de tester UnitEngines.Engines.FindView?
- 18. Quelle est la bonne façon d'utiliser les URL de Cakephp?
- 19. Quelle est la bonne façon d'écrire cette liste de compréhension?
- 20. Quelle est la bonne façon de sauvegarder les blobs ZODB?
- 21. Quelle est la bonne façon de détecter window.unload dans sproutcore
- 22. Quelle est la bonne façon de disposer d'une fenêtre WPF?
- 23. Quelle est la bonne façon de fork() dans FastCGI?
- 24. Quelle est la bonne façon de gérer les extensions d'image?
- 25. Quelle est la bonne façon de publier un UIWebView?
- 26. Quelle est la bonne façon de créer plusieurs instances de beans gérés dans JSF 2.0
- 27. Quelle est la bonne façon d'avoir une seule fonction de gestionnaire de signal pour plusieurs signaux?
- 28. C#: Quelle est la bonne façon d'échanger les contrôles Winform?
- 29. Quelle est l'utilité d'hériter de plusieurs classes?
- 30. Quelle est la bonne façon d'obtenir un compte sur CPAN?
"Si vous ne parvenez pas à générer une table des matières sensible à partir des en-têtes, alors vous ne les utiliserez probablement pas correctement." - Quelle excellente façon d'y penser! Bien dit! – Hogsmill