Je sais que balise h1 est important pour le référencement, donc tout mon titre est H1 (bravo!)classe balise h1 (suppléant)
Maintenant, je dois avoir un titre (la première ligne d'un texte) un peu différent sur certaines pages.
Habituellement, je viens de dupliquer h1 comme h2 et alternatif.
La question: Est-il possible d'ajouter une classe à la balise titre ... (j'essayer sans succès)
Bien sûr, vous pouvez:
<h1 class="someclass">…</h1>
Le class attribute est un dans le attribute group coreattrs of core attributes qui peut être utilisé avec le h1 element .
Vous pouvez ajouter une classe à une balise <h1>. Comme ceci:
<h1 class="myclass"> ... </h1>
Vous pouvez facilement le style comme ceci:
<style type="text/css">
.myclass { color : green }
</style>
La balise title> < se trouve dans votre section head> <, il ne serait donc pas vraiment logique d'y ajouter une classe.
Vous pouvez cependant ajouter une classe à votre balise < h1>.
<h1 class="title">
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 cela ne fonctionne pas:
Edit:
On dirait que vous avez eu 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" */
Ce qui suit 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>
I Il semble que vous utilisiez h1 pour tous les titres de la page. Généralement, vous avez une seule balise h1 sur la page pour ce que la page contient (avec un texte au moins partiellement correspondant au titre de la page), et des balises d'en-tête moindres pour les titres des différentes parties du contenu. De cette façon, vous donnez plus d'informations aux moteurs de recherche sur ce qui est important sur la page. Il y a bien sûr des pages qui ne rentrent pas dans ce modèle, mais beaucoup le font.
Il existe plusieurs façons de 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 toutes h1 balises à l'intérieur d'un élément avec id="main":
#main h1 { background: #ccc; }
Pour tous h2 tags avec class="Info":
h2.Info { color: #000; }
Pour tous h3 les balises contenues dans un élément avec class="More":
.More h3 { text-decoration: underline; }
<div class='row' id='content-wrapper'>
<div class='clear'/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 une explication avec une réponse sur la façon dont cette réponse aide OP à résoudre le problème actuel –
s'il vous plaît envoyer votre code ou l'URL. – Asaph
j'ai essayer span, mais il scree jusqu'à la marge/padding – menardmam