Je veux savoir quel est le code suivant correct ... parmi tous les trois ...lequel du code d'étiquette h1 est correct?
<h1><span class="bold">realestate</h1>
<h1>realestate</h1>
<h1 class=bold>realestate</h1>
S'il vous plaît laissez-moi savoir à ce sujet ...
Le premier est inexact, puisque l'élément de réglage de sensibilité n'a pas de fin-tag:
<h1><span class="bold">...</span></h1>
les deuxième et troisième sont tous les deux corrects (mais les doublequotes sont manquants dans le troisième exemple).
Mais si vous voulez utiliser lequel utiliser, je dirais que l'utilisation de la deuxième et de définir le style gras pour l'élément h1, par exemple:
<style>
h1 { font-weight: bold; }
</style>
Les doubles guillemets sont requis dans le troisième exemple en XHTML, mais pas en HTML. –
Pour un bon tutoriel CSS, voir ce site: http://w3schools.com/css/ – M4N
Le mieux serait l'option 4:
<h1 class="main-heading">realestate</h1>
Vous devez donner vos classes signification sémantique - une rubrique principale sera toujours un cap principal, mais si le concepteur décide qu'ils serait mieux soulignée? Vous finiriez avec ceci:
.bold { font-weight: normal; text-decoration: underline; }
Ce qui est déroutant au mieux!
+1 100% d'accord. signification sémantique dans les noms de classe FTW! –
juste pour ajouter une note un peu plus sérieuse à mon dernier commentaire, les noms de classe devraient définir ce qu'est quelque chose * est * ou quel genre de chose c'est - pas comment cela devrait ressembler. Voir des choses comme class = "bold blue size14" vous dit à quoi cela ressemble mais rend beaucoup plus difficile/non naturel de changer ces styles plus tard. Les noms de classe avec des moyennes sémantiques seront presque toujours plus faciles à maintenir et plus faciles à développer pour différents appareils, etc –
Et si vous vous trouvez en train d'appeler une classe "bold", c'est probablement parce que, pour une raison quelconque, vous n'écrivez pas votre HTML avec un oeil à le restyler plus tard. Tant que c'est OK, dites simplement ce que vous voulez dire: utilisez , ou style = "font-weight: bold" directement dans le HTML. –
La troisième option me semble certainement être l'option la plus propre, à l'exception de la valeur d'attribut doit être entre guillemets, en supposant que vous utilisez XHTML:
<h1 class="bold">realestate</h1>
Il ne fait pas vraiment de sens pour enfermer la contenu entier de l'étiquette <h1> dans une autre étiquette. Il serait plus judicieux de joindre seulement la partie de l'étiquette qui doit être différent du reste du <h1>, mais pas tout à fait différente, par exemple:
<h1>Real <span class="bold">Estate</span></h1>
Pensez la balise <span> comme l'équivalent en ligne du <div> marque.
Cela dépend de ce que vous essayez de faire.
Essayez-vous de rendre tous vos h1 gras. Dans ce cas, utilisez # 2 et utilisez CSS pour styliser tous les éléments h1 en conséquence.
CSS
h1 {
font-weight: bold;
}
HTML
<h1>realestate</h1>
Si vous essayez de faire seulement quelques privilégiés l'utilisation audacieuse, de h1 # 3 et utiliser le style CSS pour tous les éléments h1 qui ont la classe audacieuse.
CSS
h1.bold {
font-weight: bold;
}
HTML
<h1 class="bold">realestate</h1>
Le premier est vraiment utile que si pour une raison quelconque vous vouliez partie de h1 à être audacieux
CSS
.bold {
font-weight: bold;
}
HTML
<h1><span class="bold">real</span>estate</h1>
Aussi, en général à partir de vos échantillons, surveillez les citations et les balises de fin.
* remarquablement * similaire à http://stackoverflow.com/questions/1047743/is-it-okay-to-put-a-span-inside-an-h1-closed – AakashM