emタグとは?|文字を斜体にして強調させよう

emタグとは?|文字を斜体にして強調させよう
博士
リンゴくん、今日もHTMLの勉強捗っとるかの?
リンゴ
今日も<i>タグでセリフをイタリック体にしているんですか、博士?
博士
確かにセリフが斜体になっておるが、これは<i>タグとはまた違ったタグを使っておるんじゃ。
リンゴ
<i>タグとは違うタグ?
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<em>タグとは

 

<em>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / フレージング・コンテンツ / パルパブル・コンテンツ
利用場所フレージング・コンテンツが期待される場所
内容フレージング・コンテンツ


 
 
<em>タグは、強調を表すタグです。
<em>タグで囲んだテキストを強調し、一般的なブラウザでは斜体文字で表示されます。
 
 
博士
<em>とは、「Emphasis(強調)」の略語じゃ。
 
 
<em>タグは、<strong>タグと用途が似てますが、テキストの重要性を伝えるものではありません。
したがって、<em>タグよりも強くテキストを強調したい場合は、<strong>タグを使用しましょう。
 
 

使用例

 
 

表示例

タグで囲った部分が強調されます。

 
 

博士
以下のように<em>タグを入れ子にし、際立たせ度合いを強めることもできるぞ。
 
 

使用例

 
 

表示例

タグで囲った部分が強調されます。

 
 
リンゴ
どのテキストが一番重要なのか、分かりやすくなりますね。
 
 

まとめ

<em>タグは、強調を表すタグです。
<em>タグで囲んだテキストは強調され、斜体文字で表示されます。
 
 

博士
文章にメリハリをつけたいときに使うといいじゃろう。
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








emタグとは?|文字を斜体にして強調させよう