HTMLのとの違いは何ですか？

太字（別名太字）は、タイポグラフィで強調される強いタイプと見なされます。最新のHTMLには、デフォルトで太字のフォントの太さ（「太字」とも呼ばれます）をテキスト要素（ほとんどのブラウザ）に適用する2つのHTML要素があります。

<strong>のいずれかを使用できます タグまたは<b> このようなタグ：

<p>The strong tag is used to <strong>emphasize</strong> text.</p>

<p>The b tag is used to <b>emphasize</b> text.</p>

最新のHTML（HTML5）では、両方の<strong> および<b> セマンティックで有効と見なされます。最近のブラウザでは、どちらも同じ太字の表示スタイルになっていますが、同じ意味や目的はありません。

では、strongとbを使用することの違いは何ですか？また、どちらを何に使用する必要がありますか？

• <strong> 要素は、非常に重要なコンテンツ（警告など）に使用されます。
• <b> 要素は、重要性を示唆することなく、注意を引くために使用されます。

<b>の使用例 ：

The Spanish word <b>idioma</b> means “language”. It originates from Greek.

上記の例では、タイポグラファーとして、 idiomaという単語を強調表示することにしました。 素晴らしいだからではありません 重要ですが、それは外国語で英語以外の単語なので、周囲のテキストから目立たせたいと思います。意味を伝えるために私がしなければならないことではなく、スタイルの決定です。

したがって、特定の意味を持たずに何かに注意を向けたい場合は、<b> 歴史的に（HTML5より前）使用するのは正しいでしょう。とはいえ、現代では、プレゼンテーションにHTMLを使用せず、CSSを使用しているため、<b>を使用していません。

<strong>の使用例 ：

In 2020, <strong>security</strong> and <strong>performance</strong> are are
crucial for your SEO.

上記の例では、セキュリティを強く強調することにしました。 およびパフォーマンス これらのトピックは、実際にWebサイトのSEO（およびUX）にとって非常に重要だからです。

デフォルトでは、<strong> および<b> ほとんどのブラウザのテキストに同じ太字のスタイルを適用しますが、これは当然のことながら多くの混乱を引き起こします。ユースケースごとに異なるツールであるのに、なぜ同じように見えるのですか？

仰るとおりです。迷惑です。

これが、ブラウザのデフォルトを上書きして、それらに異なるスタイルを適用したい理由です。

<strong>を区別するための良い方法 および<b> プレゼンテーションでは、<strong>に500〜900のフォントの太さ（フォントファミリによって異なります）を適用します。 CSSを使用した要素。このように：

strong {
  font-weight: 700;
}

次に、<b>に別のスタイルを使用します 、例：

b {
  font-weight: 400;
  color: green;
}

上記はスタイルの提案ではありませんが、ブラウザでレンダリングされたページを表示するときに使用したものを簡単に思い出せるようにする方法の例です。

マークダウンを使用している場合

<b>のいずれかを変換しようとした場合 または<strong> BrowserlingのようなHTMLからMarkdownへのコンバーターでマークダウンするには、両方が同じ** **を取得することに気付くでしょう。 —これは<strong>にレンダリングされます ブラウザで。

では、何が得られるのでしょうか？

わからない。 <b>をレンダリングする方法を示すマークダウンガイドが見つかりません 少なくともマークダウン構文を使用しないで、マークダウンを使用するときにブラウザに。

心配しないでください。（古いバージョンを使用している場合を除いて）マークダウンファイル内に直接HTML構文を適用できます。したがって、<b>を使用する必要がある場合は、 <strong>の代わりに 、次のように簡単に追加できます：

Here is a line of text inside a <b>markdown</b> file which automatically gets wrapped by paragraph tags

このチュートリアルはマークダウンで書いています。次に、このテキストを強調表示します <b>で エレメント。この段落にマークを付けて選択し、[検査]をクリックすると、実際に<b>が使用されていることがわかります。 要素。

どれを使用するかは本当に重要ですか？

これは明らかに生死の問題ではありません。そうでない場合、最新のブラウザは<b>をレンダリングしません。 および<strong> 同じ太字のスタイルで。

しかし、意味的には違いがあります。それは私が伝えたかったメッセージです。ですから、就職の面接に行く場合、彼らは大いに セマンティックマークアップについては、違いを知ることが重要です。

要約：

• <b> 特定のテキストに注意を引くために使用されます。
• <strong> 重要なテキストに使用されます。
• 疑問がある場合は、<strong>を使用してください 。

経験則として、強調を乱用しないようにすることをお勧めします。強調しすぎると、強調は力を失います。 すべてを強調する場合は、何も強調しません （私はあなたを見ています、一般的なマーケティングランディングページサイト）。