web-dev-qa-db-ja.com

h1タグクラス（代替）

H1タグがSEOにとって重要であることを知っているので、私のタイトルはすべてH1（ブラボー！）です。

ここで、一部のページでタイトル（テキストの最初の行として）を少し変える必要があります。

通常、私はh1をh2として複製し、交互に使用します。

質問：タイトルタグにクラスを追加することは可能ですか...（私は成功せずに試しました）

htmlcssseo
7
menardmam

できますよ：

<h1 class="someclass">…</h1>

class属性 は コア属性の属性グループcoreattrsh1 element 。

13
Gumbo

ページのすべてのタイトルにh1を使用しているようです。通常、ページに含まれる内容（ページのタイトルと少なくとも部分的に一致するテキスト）の単一のh1タグと、コンテンツのさまざまな部分の見出し用のより少ないヘッダータグがあります。そうすれば、ページで重要なことに関するほとんどの情報を検索エンジンに提供できます。もちろん、このモデルに適合しないページもありますが、多くは適合します。

ヘッダーのスタイルを指定するには、さまざまな方法があります。例えば：

すべてのh1タグの場合：

h1 { font-weight: bold; }

すべてのh1およびh2タグの場合：

h1, h2 { margin: 10px; }

h1を持つ要素内のすべてのid="main"タグの場合：

#main h1 { background: #ccc; }

h2を含むすべてのclass="Info"タグの場合：

h2.Info { color: #000; }

h3を持つ要素内のすべてのclass="More"タグの場合：

.More h3 { text-decoration: underline; }
6
Guffa

あなたcan<h1>タグにクラスを追加します。このような：

<h1 class="myclass"> ... </h1>

次のように簡単にスタイルを設定できます。

<style type="text/css">
.myclass { color : green }
</style>
3
Asaph

<title>タグは<head>セクションにあるため、クラスを追加しても意味がありません。

ただし、<h1>タグにクラスを追加することはできます。

<h1 class="title">
0
Joseph

以下が機能するはずです。

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

<h1 class="custom"> test </h1>
</body>
</html>
0
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>
0
user8925959