トップSEOSEO対策SEO内部対策HTML/CSSで太字!1分でわかる際立たせテクニックHTML/CSSで太字!1分でわかる際立たせテクニック2018/03/15HTML/CSSで太字にし、テキストを際立たせながら、サイト構築する方法があります。効かない)について中心に解説したいと思います。効かない)HTML/CSSで太字に下線を付けるHTML/CSSで太字斜体にするHTML/CSSで太字にして文字サイズ(大きさ)を大きくするHTML/CSSでSPANタグを使って一部太字にするまとめHTML[HTML5]/CSSで太字にするHTML[HTML5]/CSSで太字にするには、以下のよう「style=”font-weight:bold;”」「strongタグ」「emタグ」「bタグ」を使う方法があります。style=”font-weight:bold;”HTMLに直接CSSの「style=”font-weight:bold;”」を指定して、簡単にテキストを太字にすることができます。style=”font-weight:bold;”>ホームページの順位を上げるためにSEO対策が必要です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にもできます。HTMLマークアップ例:<p>ホームページの順位を上げるためにSEO対策が必要です。{font-weight:bold;/*太字*/}strongタグHTMLタグの「strongタグ」を指定して、テキストを太字にする方法です。HTMLマークアップ例:<p><strong>ホームページの順位を上げるためにSEO対策が必要です。</strong></p>emタグHTMLタグの「emタグ」を指定して、テキストを太字にする方法です。HTMLマークアップ例:<p><em>ホームページの順位を上げるためにSEO対策が必要です。</em></p>bタグHTMLタグの「bタグ」を指定して、テキストを太字にする方法です。HTMLマークアップ例:<p><b>ホームページの順位を上げるためにSEO対策が必要です。</b></p>HTML/CSSで太字に色を付ける(赤など)HTML/CSSで太字に色を付ける(赤など)には、以下のような方法があります。color:#FF0000;”」を指定して、テキストを太字にして色を付けることが出来ます。color:#FF0000;”>ホームページの順位を上げるためにSEO対策が必要です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にして色を付けることが出来ます。HTMLマークアップ例:<p>ホームページの順位を上げるためにSEO対策が必要です。{font-weight:bold;/*太字*/color:#FF0000;/*赤色*/}赤色の場合、「color:red;」でも指定ができます。HTML/CSSで太字を解除(太字にしない)HTML/CSSで太字を解除する(太字にしない)には、以下のような方法があります。style=”font-weight:normal;”HTMLに直接CSSの「style=”font-weight:normal;”」を指定して、テキストの太字を解除する(太字にしない)方法です。style=”font-weight:normal;”>ホームページの順位を上げるためにSEO対策が必要です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にもできます。HTMLマークアップ例:<p>ホームページの順位を上げるためにSEO対策が必要です。効かない)場合、以下のようなケースがあります。・二重で定義してる同じ要素に対し、重複してfont-weightのスタイル指定を行ってるため、HTML/CSSで太字にならない(効かない)例えば、font-weight:bold、font-weight:normal;で重複指定をした場合、font-weight:normal;を削除する。・書式ミス「全角文字入れてる」「セレクタ指定の間違い」などの書式ミスがあり、HTML/CSSで太字にならない(効かない)※参考:CSSの書き方-CSSの基本HTML/CSSで太字に下線を付けるHTML/CSSで太字に下線を付けるには、以下のような方法があります。text-decoration:underline;”」を指定して、テキストを太字にして下線を付けることが出来ます。text-decoration:underline;”>SEO対策が必要</span>です。</p>HTML5で廃止予定となってる「Uタグ」を使って太字に下線を付ける方法もあります。HTMLマークアップ例:<p>ホームページの順位を上げるために<u>SEO対策が必要</u>です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にして下線を付けることが出来ます。HTMLマークアップ例:<p>ホームページの順位を上げるために<span>SEO対策が必要</span>です。{font-weight:bold;/*太字*/text-decoration:underline;/*下線*/}HTML/CSSで太字斜体にするHTML/CSSで太字斜体にするには、以下のような方法があります。font-style:italic;”」を指定して、テキストを太字斜体にすることが出来ます。font-style:italic;”>SEO対策が必要</span>です。</p>その他、HTMLに直接「iタグ」を使って太字斜体にする方法もあります。HTMLマークアップ例:<p>ホームページの順位を上げるために<i>SEO対策が必要</i>です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にして下線を付けることが出来ます。HTMLマークアップ例:<p>ホームページの順位を上げるために<span>SEO対策が必要</span>です。{font-weight:bold;/*太字*/font-style:italic;/*斜体(イタリック体)*/}HTML/CSSで太字にして文字サイズ(大きさ)を大きくするHTML/CSSで太字にして文字サイズ(大きさ)を大きくするには、以下のような方法があります。font-size:●%;”」を指定して、テキストを太字にして文字サイズ(大きさ)を大きくすることが出来ます。font-size:200%;”>SEO対策が必要</span>です。</p>また、CSSを外部ファイルに記述し、読み込ませることで太字にして文字サイズ(大きさ)を大きくすることが出来ます。HTMLマークアップ例:<p>ホームページの順位を上げるために<span>SEO対策が必要</span>です。{font-weight:bold;/*太字*/font-size:200%;/*ベースから200%大きくするフォントサイズ指定*/}font-sizeは、その他「em」「px」などの単位が指定できます。HTML/CSSでSPANタグを使って一部太字にするHTML/CSSでSPANタグを使って一部太字にするには、以下のような方法があります。style=”font-weight:bold;”SPANタグで一部HTMLマークアップした箇所に、直接CSSの「style=”font-weight:bold;”」を指定して、テキストを太字にする方法です。style=”font-weight:bold;”>SEO対策が必要</span>です。</p>また、CSSを外部ファイルに記述し、読み込ませることで一部太字にできます。HTMLマークアップ例:<p>ホームページの順位を上げるために<span>SEO対策が必要</span>です。{font-weight:bold;/*太字*/}まとめHTML/CSSで太字をうまく活用し、ポイントに目が行くようなわかりやすいサイトにしましょう。コンテンツの質を上げ、サイトの価値を高めながら、SEO対策で上位化を目指すことが重要です。