b-essence

気になること★いろいろなジャンルで更新していきます。

css・html

htmlで文字を太字にする

2015-04-18

<strong> <b> タグの違いについて

文字を太字にするタグには <strong>タグ と <b>タグ があります。
このふたつのタグ <strong>と<b>は、Web上での見た目は全く同じです。
見た目は同じでも役割が違うので、使い方を覚えて下さいネ。

<b>~</b> これはただ文字を見た目「太字」にし、
<strong>~</strong> は意味を強調します。

????????

<strong> <b> どっちを使う?

 

いろいろなサイト様が書いています。

<b> は、ただ物理的に見た目を太字にするだけなので、意味を強調する<strong> を使おう!

と

以前は検索キーワードを<strong>タグで囲むとSEOに良い影響があると言われていました。

しかし、Googleのスパムチーム・リーダーのマット・カッツ氏は、

Googleでは<strong>タグであろうと<b>タグであろうと違いはなく同じように扱うと言っています。イタリック(斜体)にする<em>タグと <i>タグにおいても同様だと。

だから、どちらを使うかあまり気にしなくてもSEOには影響はないのではと思います。

ただし、本来のW3Cで定めれているHTMLの文法上の意味は下記の通りです。

<strong>タグ 文法上論理的な強調を意味します。
<b>タグ 単なるデザイン的な見栄え上の太文字を意味します。

google がどちらも同じように扱うと言っているので、私は今まで通り <strong> を使います。

ちなみに大手の有名サイトを調べてみました。偶然なのか、何か意味があるのか、5サイトのソースを覗いてみましたが、全て<strong> を1個だけ使っていました。ご参考までに・・・

????????

-css・html

関連記事

フォントをカスタマイズ

ブログやホームページのフォントを変更してイメージを変える タグで囲って個別にフォント変更はできますが、全体に適用させたい場合はcssスタイルシートのbodyに使用したいフォントを指定します。ユーザーの …

ホームページで文字の背景に色をつける

背景色を指定するプロパティです。 background-color: 文字を強調したい場合や、単調な黒文字の文章にアクセントをつけたい場合など、文字の背景に色をつけるとサイトが見栄えよくなります。 サ …

画像を表示させるタグ

基本-画像を表示させるタグ <img src=”画像のアドレス”> 上記は画像を表示させる基本的なタグです。何も設定していない状態では、画像は左寄せに表示されます。 …

HTMLタグの基本構造・head要素

HTMLタグの構造 htmlの構造は以下のようになっています。 ホームページの基本的な構造です。 htmlファイルは大きく分けるとヘッダ<head>部分とボディ<body>部分 …

画像を横に並べる方法

画像を横に並べて表示する方法 画像を横に並べる方法は何種類かあります。 一番簡単な方法ですが、改行を入れずにタグを下記のように記述します。 この場合、画像と画像の間に半角スペースができます。 < …

スポンサーリンク

スポンサーリンク