web-dev-qa-db-ja.com

HTMLでテキストを太字にする方法

HTMLを使用してテキストを太字にしようとしていますが、機能させるのに苦労しています。

これが私がしようとしているものです：

Some <bold>text</bold> that I want emboldened.

誰かが私が間違っていることを教えてもらえますか？

htmlcsshtml5
127
user133145

<strong>または<b>タグを使う

また、あなたはCSS <span style="font-weight:bold">text</span>で試すことができます

192
Andrija Cacanovic

HTMLには<bold>タグがありませんが、代わりに <b> を使用する必要があります。ただし、<b>を使用することは しばらくの間CSSを支持することをお勧めします ことに注意してください。それを実現するにはCSSを使うほうがよいでしょう。

<strong> タグは、 デフォルト を太字にすることを強く強調するためのセマンティック要素です。 。

45
Joey

マークアップ方法：

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

スタイリング方法：

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

から： http://www.december.com/html/x1/

<b>

この要素はブラウザによって太字で表示されるべきテキストを囲みます。 B要素の意味はそれが含むコンテンツの外観を定義するため、この要素は「物理的」マークアップ要素と見なされます。そのように、それは強いのような意味的なマークアップ要素の意味を伝えません。

<strong>

説明この要素は、強調すべきテキストを囲みます。 em要素より強い

20
Sampson

HTMLで使用する：

  • いくつかの<b>text</b>は私が誇張したいものです。
  • いくつかの<strong>text</strong>は私が誇張したいものです。

CSSでは使用：

  • いくつかの<span style="font-weight:bold">text</span>は私が誇張したいものです。
11
Geo

誰かが私が間違っていることを私に言うことができますか？」

"bold"はHTML要素にはなりませんでした（ "b"は最も近いものです）。

HTMLは構造化コンテンツを含むべきです。発行者CSSはそのコンテンツのスタイルを提案する必要があります。このようにして、ユーザーエージェントは、あなたの提案する大胆なスタイルを見ることができないユーザー（例えば、検索エンジンのユーザー、スクリーンリーダーを使う盲目のユーザー、自分の色とフォントを使う賢明でないユーザーなど）テキストブラウザを使用しているこっけいなユーザー、Windows用のOperaのような音声制御されて話すブラウザのユーザー）。したがって、テキストを太字にする正しい方法はに依存します。なぜあなたはそれを太字にしたいのですか。例えば：

  • 見出しを他のテキストと区別したいですか。見出し要素（ "h1"から "h6"）を使用し、CSS内でそれらに太字のスタイルを提案します（ "h1、h2、h3、h4、h5、h6 {font-weight：bold;}"）。

  • フォームフィールドのラベルを強化したいですか。 "label"要素を使用し、ターゲット上の "id"属性と一致する "for"属性を与えることで、関連する "select"、 "input"、または "textarea"要素とプログラム的に関連付ける。それはあなたのCSS（ "label {font-weight：bold;"}）の中にあります。

  • ラジオの選択肢のグループなど、関連フィールドのグループの見出しをフォームに組み入れたいですか。それらを "fieldset"要素で囲み、それに "legend"要素を付けて、CSS内でそれに太字のスタイルを提案します（ "legend {font-weight：bold;}"）。

  • それがキャプションを付けるテーブルからテーブルキャプションを区別したいですか？ 「caption」要素を使用して、CSS内で太字スタイルを提案します（「caption {font-weight：bold;}」）。

  • テーブルの見出しとテーブルのデータセルを区別したいですか。 "th"要素を使用して、CSS内で太字のスタイルを提案します（ "th {font-weight：bold;}"）。

  • 参照されている映画やアルバムのタイトルを周囲のテキストと区別したいですか。クラスで "cite"要素を使用し（ "cite class =" movie-title "）、CSS内で太字のスタイルを提案します（" .movi​​e-title {font-weight：bold;} "）。

  • 定義されたキーワードを、それを定義または説明している周囲のテキストと区別したいですか。 "dfn"要素を使用して、CSS内で太字スタイルを提案します（ "dfn {font-weight：bold;}"）。

  • コンピュータコードと周囲のテキストを区別したいですか。 「code」要素を使用して、CSS内で太字スタイルを提案します（「code {font-weight：bold;}」）。

  • 変数名を周囲のテキストと区別したいですか。 "var"要素を使用して、CSS内で太字スタイルを提案します（ "var {font-weight：bold;}"）。

  • 何らかのテキストが更新として追加されたことを示したいですか？ "ins"要素を使用して、CSS内で太字スタイルを提案します（ "ins {font-weight：bold;}"）。

  • いくつかの文章を軽く強調したい（ "Ilovekittens！"）？ "em"要素を使用して、CSS内でそれに太字のスタイルを提案します（例： "em {font-weight：bold;}"）。

  • おそらく警告のために、テキストに重点を置きたいと思います（ "犬に気をつけて！"）。 "strong"要素を使用して、CSS内でそれに太字のスタイルを提案します（例： "strong {font-weight：bold;}"）。

…あなたは（うまくいけば）アイデアを得ます。

表現するための正しい 意味 を持つHTML要素を見つけることができません/なぜ/あなたはこの特定のテキストを太字にしたいですか？一般的な "span"要素で囲み、そのテキストを区別するための理論的根拠を表す意味のあるクラス名を付けます（ "<span class =" lede ">このニュース記事の要約文で始めましょう。</ span >）を入力し、CSS内で太字スタイルを提案します（ ".lede {font-weight：bold;"}。独自のクラス名を作成する前に、microformat（microformats.org）があるかどうかを確認しますあなたが表現したいもののための共通の慣習。

8
Benjamin Hawkes-Lewis

HTML要素は、特に重要なことなく太字のテキストを定義します。

<b>This text is bold</b>

HTML要素は、強力なテキストを定義し、意味的に「強力な」重要性を追加しています。

<strong>This text is strong</strong>
6
Muhammad Awais

別の選択肢はCSS経由でそれをすることです...

例えば。 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

例えば。 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>
5
user110714

あなたは もうすぐそこに！

太字のテキストの場合は、次のようになります。<b> bold text</b>または<strong>bold text</strong>これらは同じ結果になります。

実用例 - JSfiddle

4
1010

<b>ではなく <bold> です。

Some <b>text</b> that I want bolded.

<b>はテキストの外観を変えるだけです。強調を強くしたいために太字にしたい場合は、 <strong>要素 を使用してください。

3
Gumbo

本当の答えは http://www.w3schools.com/HTML/default.asp だと思います。

2
John Saunders