h1 class de la balise (suppléant)

Je sais que la balise h1 est important pour le SEO, donc tout mon titre est H1 (bravo!)

Maintenant, j'ai besoin d'avoir un titre (comme la première ligne d'un texte ) d'un peu différent sur certaines pages.

Habituellement, je viens de dupliquer h1 h2 et autre.

La question: Est-il possible d'ajouter une classe à la balise de titre... (j'ai essayer sans succès)

merci de poster votre code ou une url.
j'ai essayer durée, mais il éboulis jusqu'à la marge/rembourrage

OriginalL'auteur menardmam | 2009-11-12

12

Bien sûr, vous pouvez:
```
<h1 class="someclass">…</h1>
```
La class l'attribut est un dans le groupe d'attribut coreattrs des attributs de base qui peuvent être utilisés avec le h1 de l'élément.

désolé, mais il ne le faites pas n'importe quoi !
Eh bien, vous aurez besoin d'un correspondant de la règle CSS...
menard: L'attribut de classe est juste de tenir compte de cet élément parmi la classe donnée. Qu'attendez-vous d'elle?
désolé de mon erreur, dupliquer le H1 et le rendre h1 .someclass maintenant il fonctionne très bien, sans le h1 thag, juste la classe !
menard: Si vous souhaitez sélectionner seulement h1 éléments d'une classe spécifique, utilisez la h1.someclass sélecteur CSS.

OriginalL'auteur Gumbo
15

Vous pouvez définir le style d'un en-tête comme ceci:
```
h1 { color: red; }
```
Ou comme ceci:
```
<h1 class="fancy">Fancy</h1>

.fancy { font-family: fantasy; }
```
Si ça ne fonctionne pas:
- Vérifier que vous n'avez pas un vieux de la feuille de style en cache (ctrl + F5 pour recharger)
- Vérifier que vous n'avez pas de règles impérieuses de votre classe (inspection avec Firebug ou similaire est très utile ici).
- Vérifier les fautes de frappe dans le code HTML et CSS
Edit:

Il semble que vous avait h1 .myClass au lieu de h1.myClass - il y a une distinction importante:
```
h1 .myClass { } /* any element with class="myClass" within an <h1> */
h1.myClass  { } /* any <h1> with class="myClass" */
```
OriginalL'auteur Greg
5

Il semble que vous utilisez h1 pour tous les titres sur la page. En général, vous avez un seul h1 tag sur la page pour que la page contient (avec le texte, au moins partiellement, de correspondance le titre de la page), et peu de balises d'en-tête pour les titres des différentes parties du contenu. De cette façon, vous donner plus d'informations pour les moteurs de recherche sur ce qui est important sur la page. Il y a bien sûr des pages qui ne rentre pas dans ce modèle, mais beaucoup le font.

Il y a beaucoup de façons différentes que vous pouvez spécifier un style pour les en-têtes. Par exemple:

Pour tous h1 tags:
```
h1 { font-weight: bold; }
```
Pour tous h1 et h2 tags:
```
h1, h2 { margin: 10px; }
```
Pour tous h1 balises à l'intérieur d'un élément avec id="main":
```
#main h1 { background: #ccc; }
```
Pour tous h2 balises avec class="Info":
```
h2.Info { color: #000; }
```
Pour tous h3 balises à l'intérieur d'un élément avec class="More":
```
.More h3 { text-decoration: underline; }
```
OriginalL'auteur Guffa
2

Vous peut ajouter une classe à un <h1> tag. Comme ceci:
```
<h1 class="myclass"> ... </h1>
```
Vous pouvez facilement le style comme ceci:
```
<style type="text/css">
.myclass { color : green }
</style>
```
OriginalL'auteur Asaph
0

Le < title > tag est dans ton < head > section, de sorte qu'il n'aurait pas vraiment de sens d'ajouter une classe à elle.

Vous pouvez ajouter une classe à ton < h1 > tag.
```
<h1 class="title">
```
OriginalL'auteur Joseph

La suivante devrait fonctionner:

<html>
<head>
<style type="text/css">
h1.custom {
    color: red;
    font-size: 16px;
}
</style>
</head>
<body>

<h1 class="custom"> test </h1>
</body>
</html>

OriginalL'auteur Gus Melo

<div class='row' id='content-wrapper'>
  <div class='clear'/>
  <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <div id='error-wrap'>
      <h1 class='error-item'>404</h1>
      <h2>Page Not Found!</h2>
      <p>Sorry, the page you were looking for in this blog does not exist.</p>
      <div class='clear'/>
    <a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> Go To Home</a>
  </div>

Ajouter quelques explications avec la réponse à comment cette réponse aider les OP dans la fixation de l'émission en cours

OriginalL'auteur user8925959

Vous devez vous connecter pour publier un commentaire.