ホームページ ウェブフロントエンド htmlチュートリアル HTML_html/css_WEB-ITnose の em と b の違い

HTML_html/css_WEB-ITnose の em と b の違い

Jun 24, 2016 am 11:32 AM

最近HTMLの基礎知識を勉強しているのですが、bタグ、strong、emはどれも強調の目的を表現しているのですが、その違いは何でしょうか?概要は次のとおりです。

  1. < b > i > は、それぞれ意味のない太字と意味のない斜体を表します。これは、「これは太字で表示する必要があります」または「これは斜体で表示する必要があります」という意味です。

  2. < は式です。フレーズ要素。 < em > (強調されたテキスト) は一般的な強調されたテキストを表し、 < より強い意味を持つ強調されたテキストを表します。
  3. 新しい HTML5 では、 は依然としてフレーズ要素です。ただし、このとき、はHTMLページの強調(強調されたテキスト)を表し、は文中の強調(つまり、強調されたセマンティクス)を表します。
  4. i 要素は、通常の記事の異なる意見や論調、またはその他のものを強調するテキストとして記述されるようになりました。たとえば、カテゴリ名、専門用語、外国語のことわざ、アイデアなどです。 。または、斜体の活字表現。

    b 要素は、通常の記事の中で文体的に目立つだけで、追加の重要性を含まないテキストとして記述されます。例: 文書の概要内のキーワード、コメント内の製品名。または強調を表す組版方法。

参考内容は以下の通りです:

stackoverflow:
    それらは通常の Web ブラウザー レンダリング エンジンでは
  1. 同じ効果があります

    、しかしそれらの間には根本的な違いがあります。ほとんどのブラウザ どちらもエンジンに対して同じ効果をもたらしますが、その基盤は異なります著者がディスカッション リストの投稿で次のように書いています:

    3 つの異なる状況を考えてください:

    3 つの異なるアプリケーション シナリオがあります: ブラウザ、視覚障害者、携帯電話

    ウェブブラウザ

    視覚障害者
  2. 携帯電話
  3. 「太字」はスタイルです - 「単語を太字にする」と言うとき、人々は基本的に、それがさらに追加することを意味することを知っています。
  4. 太字はスタイルの 1 つで、「単語を太字にする」というと、単語の隣にある単語を太く見せるために単語に何か (インクなど) を追加することを思い浮かべます。残念なことに、それは視覚障害者にとっては何の意味もありません。また、携帯電話や他の PDA では、画面の解像度が非常に低いため、テキストはすでに太字になっています。何かを台無しにしないと太字にすることはできません。しかし、残念ながら、これは目の見えない人にとっては何の役にも立ちません。さらに、携帯電話やその他のハンドヘルドデバイスの場合、画面解像度が小さいため、テキストはすでに太字になっており、これ以上太字にすることはできません。
  5. はスタイルです

    - 私たちは「太字」がどのようなものであるかを知っています。

    ただし、

    は何かをどのように理解すべきかを示すものです

    。「強い」はブラウザでは「太字」を意味しますが、音声プログラムでは低いトーンを意味することもあります。ジョーズのように (視覚障害者向け)、パーム パイロットでは下線が使用されます (太字にすることはできないため)。

    ラベルは、何かを理解する必要があることを示すヒントです。 「強い」はブラウザでは太字を意味するはずです (そして一般的にそうです) が、(視覚障害者にとって) ジョーズなどの音声プログラムでは強調として理解される可能性があります。ハンドヘルド デバイスでは、strong はおそらく下線になります (太字にできないため)。

    HTML はスタイルに関するものではありません。「Tim Berners-Lee」と「セマンティック Web」を検索してください。 HTML は、その周囲のテキストを説明しています (「このテキストは、囲むテキストの表示方法 (「このテキストは太字にする必要があります」) を説明するのではなく、「表示したテキストの残りの部分」) を説明します。

    HTML は決してスタイルを意味するものではありません。 tim berners-lee と semantic web を検索してください。 タグは一種のセマンティクスであり、タグに含まれるコンテンツが表示される他のテキストよりも強力である必要があるということであり、含まれるテキストが太字である必要があるということではありません。

  6. http://www.zhihu.com/question/19551271

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

See all articles