学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / HTML5(目的別) / <em>

HTML5  <em>

<em>タグは、強勢する(アクセントを付ける)箇所を表す際に使用します。
<em> ~ </em>を入れ子にすることで、 コンテンツの特定個所が持つ強勢の度合いを指定し分けることができます。
同じ文でもどの個所をどの程度の強さで強勢するかによって、ニュアンスが異なってくるでしょう。 例えば、「猫はかわいい」という文を、「<em>猫</em>はかわいい」とすれば、 (犬などの他の動物じゃなくて…)というニュアンスが出せるかもしれません。 また、「猫は<em>かわいい</em> 」とすれば、(猫はかわいくないという意見への反論)というニュアンスが出せるかもしれません。

■HTML4.01からHTML5へのバージョンアップによる変更点

em要素は、HTML4.01では強意(意味を強める)を表す要素でした。 HTML5では強勢する(アクセントを付ける)箇所を表す要素となり、これまでとは意味が変更されています。
尚、段落内の一部を際立たせるためにテキストをイタリック体にする場合には、<em>より<i>のほうが適切です。 また、<em>には重要性を伝える意味はありません。強意・強調が目的の場合には<strong>を使用してください。

■使用例

HTMLソース
<p>
バイクが好きだ。<em>バイク</em>はカッコいいと思う…<br>
あなたは、バイクは<em>危険</em>って言うけれど、私は、バイクを<em>操縦<em>している時が</em></em>一番楽しい…
</p>
↓↓↓
ブラウザ上の表示

バイクが好きだ。バイクはカッコいいと思う…
あなたは、バイクは危険って言うけれど、私は、バイクを操縦している時が一番楽しい…

HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ