テキストを斜体化する方法

HTMLとCSSは、このような斜体の単語のように、斜体テキストの機能を提供します。一緒に知る必要があるすべてを学びましょう。

斜体のテキストとは何ですか？なぜイタリックテキストを使用するのですか？

通常、斜体のテキストを使用して注意を引き付け、単語やフレーズを強調し、読者が読書時に特に注意を払うことができます。あるいは、公開された投稿タイトルなどのイタリック化されたタイトルなど、特定のスタイルガイドにも続くこともあります。

使用<em></em>ラベル

emタグの「EM」は、文字通り「強調」（強調）を意味します。ブラウザはデフォルトでHTMLに含まれます<em></em>ラベルのテキストをイタリック化します。

<p>
  それは<em>素晴らしい</em>パーティーでした、ベベ。
</p>

この文のトーンを想像してください。読者はその言葉を強調し、文に強調されていないときとは異なる感覚を与えます。

使用<i></i>ラベル

<i></i>要素はテキストの斜体に使用されますが、強調することを意味しません。読者がこれらの言葉に特に注意を払うべきであることを示唆することなく、特定のテキストを視覚的に他のテキストと区別するだけです。例えば：

<p><i>ミランダは考えました：</i>世界経済についての興味深い比phor。</p>
<p><i>クリスは自分自身に考えました：</i>そのマスタードですか？</p>

<em></em>そして<i></i>違いは何ですか？

また：

• <em></em>強調するために使用されます
• <i></i>斜体のテキストに使用されますが、強調されていません

たとえば、タイトルに斜体を使用したい場合：

<p>
  この本は<i>、ペナンブラ氏の24時間の書店です</i>   とても良い。
</p>

<p>
  この本は<cite>、ペナンブラ氏の24時間の書店です</cite>
  とても良い。
</p>

幸いなことに、ブラウザは似ています<i></i>に含まれます<cite></cite>タグ内のコンテンツはイタリック化されているため、作品（<cite>白鲸记</cite>など）や出版物（<cite>纽约时报</cite>など）を引用した場合、追加のアクションは必要ありません。

独自のHTMLクラスとCSSを使用します

目標がテキストを視覚的に区別することである場合、使用する必要はありません<i></i>要素。スパンタグには意味的な意味がなく、視覚的な強調を実現するためにスタイルを整えることができます。

<p>
  今週は靴が販売されています！
</p>

。強調 {
  背景：LightYellow;
  フォントスタイル：イタリック;
}

CSSプロパティfont-style 、テキストイタリックを作成するために必要なプロパティであり、好きなセレクターに適用できます。

「擬似斜体」に注意してください

すべてのフォントが斜体の文字を持っているわけではありません。または、フォントイタリックバージョンがロードされていない状況にある場合があります。どちらの場合も、ブラウザはそれを偽造しようとします。

これについて警告するものは何もありません。注意を払う必要があります。これは、Merriweatherフォントの擬似イタリックの例です。

ユニコード斜体

Unicodeは、イタリックスタイルの文字を含む数値文字を提供します。

Twitterでツイートを書くときなど、HTMLコントロールなしで斜体テキストが必要な場合は、イタリックテキストを使用する場合があります。

アクセスが不十分です。キャラクターごとにキャラクターを処理し、その言葉を理解するのが難しくなります。使用するときは非常に注意してください。完全に使用しないようにする方がさらに良いです。

可変フォントの斜体

これはわずかに高度な概念ですが、いわゆる変数フォントがあります。ブラウザでカスタマイズを提供します。したがって、太字バージョンに2番目のフォントファイルを使用する代わりに、1つのファイルがそれ自体を太字にするように、それらの内部に情報を含めます。 「太字」は、変数フォントが提供できる機能のほんの一例です。すべての可変フォントにこの機能が必要なわけではありません。

可変フォントには「傾斜」または「斜体」オプションがある場合があります。このようにこの外観を適用できます。

上記は、イタリックテキストをいつ使用するかについての5つの異なる答えです。これが次の論理的な質問にも役立つことを願っています：どの方法を使用すればよいですか？

以上がテキストを斜体化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。