Wie man Text kursivisiert

HTML und CSS liefern die Funktion des kursiven Textes, genau wie kursive Wörter wie diese. Lassen Sie uns alles lernen, was Sie gemeinsam wissen müssen.

Was ist kursiver Text? Warum einen kursiven Text verwenden?

Normalerweise verwenden Sie einen kursiven Text, um Aufmerksamkeit zu erregen, ein Wort oder eine Phrase hervorzuheben und dem Leser beim Lesen zusätzliche Aufmerksamkeit zu schenken. Alternativ kann es auch spezifischen Stilführern folgen, wie z. B. kursive Titel, wie z. B. veröffentlichte Post -Titel.

verwenden<em></em> Etikett

"Em" im em -Tag bedeutet wörtlich "Betonung" (Betonung). Der Browser wird standardmäßig in HTML aufgenommen<em></em> Kursiv den Text im Etikett.

<p>
  Es war eine <em>großartige</em> Party, Bebe.
</p>

Stellen Sie sich den Ton dieses Satzes vor, der Leser betont dieses Wort und gibt dem Satz ein anderes Gefühl als wenn es nicht betont wird.

verwenden<i></i> Etikett

<i></i> Elemente werden verwendet, um Text kursiv zu machen, implizieren jedoch nicht betont. Es unterscheidet lediglich bestimmte Texte visuell von anderen, ohne dass der Leser diesen Wörtern zusätzliche Aufmerksamkeit schenken sollte. Zum Beispiel:

<p> <i>Miranda dachte:</i> Eine interessante Metapher über die Weltwirtschaft.</p>
<p><i>Chris dachte bei sich:</i> Ist das Senf?</p>

<em></em> Und<i></i> Was ist der Unterschied zwischen?

Wieder:

• <em></em> Verwendet, um hervorzuheben
• <i></i> Für kursivte Text verwendet, aber nicht betont

Wenn Sie für den Titel Kursivschrift verwenden möchten, zum Beispiel:

<p>
  Dieses Buch <i>von Mr. Penumbras 24-Stunden-Buchhandlung</i>   sehr gut.
</p>

<p>
  Dieses Buch <cite>von Mr. Penumbras 24-Stunden-Buchhandlung</cite>
  sehr gut.
</p>

Zum Glück wird der Browser wie sein<i></i> Wird in enthalten sein in<cite></cite> Der Inhalt des Tags wird kursiv gemacht. Wenn Sie also eine Arbeit (z. B.<cite>白鲸记</cite>) oder eine Veröffentlichung (wie<cite>纽约时报</cite>) zitieren, sind keine zusätzlichen Maßnahmen erforderlich.

Verwenden Sie Ihre eigenen HTML -Klassen und CSS

Wenn das Ziel darin besteht, den Text visuell zu unterscheiden, müssen wir nicht verwenden<i></i> Element. Das Span -Tag hat keine semantische Bedeutung und kann so gestaltet werden, dass sie visuelle Betonung erreichen:

<p>
  Schuhe werden diese Woche zum Verkauf angeboten!
</p>

.Schwerpunkt {
  Hintergrund: Lightybell;
  Schriftstil: kursiv;
}

Das CSS font-style ist eine notwendige Eigenschaft, die Sie für die ITALIK von Text abrufen können.

Achten Sie auf "Pseudo -Kursivschrift"

Nicht alle Schriftarten haben kursive Zeichen. Oder Sie sind möglicherweise in einer Situation, in der die iktalische Font -Italic -Version nicht geladen wird. In beiden Fällen wird der Browser versuchen, es zu fälschen , was fast immer schlecht aussieht (oder zumindest viel schlimmer als die tatsächliche kursive Schriftart).

Nichts warnt dich davor - du musst nur darauf achten. Hier ist ein Beispiel für eine pseudoitale Merriweather -Schriftart:

Kuriose Kursivschrift

Unicode bietet numerische Zeichen, einschließlich Buchstaben mit kursivem Stil.

Sie können einen kursiven Text verwenden, wenn Sie einen kursiven Text ohne HTML -Steuerung benötigen, z. B. beim Schreiben eines Tweets auf Twitter.

Es hat eine schlechte Zugänglichkeit. Es wird mit dem Charakter mit dem Charakter umgehen, was es für mich schwierig macht, das Wort zu verstehen. Seien Sie sehr vorsichtig, wenn Sie es verwenden, und es ist noch besser, es zu vermeiden, es insgesamt zu verwenden.

Kursivschrift in variablen Schriftarten

Dies ist ein leicht fortgeschrittenes Konzept, aber es gibt sogenannte variable Schriftarten. Sie bieten eine Anpassung im Browser. Anstatt eine zweite Schriftdatei für mutige Versionen zu verwenden, fügen Sie Informationen in sie hinzu, damit eine Datei selbst fett selbst fett. "Fett" ist nur ein Beispiel für die Funktionalität, die variable Schriftarten liefern können . Nicht alle variablen Schriftarten müssen diese Funktion haben.

Variable Schriftarten haben möglicherweise "neigende" oder "kursive" Optionen, die Sie auf diese Weise anwenden können.

Die oben genannten sind fünf verschiedene Antworten darüber, wann kursivste Text verwendet werden soll. Ich hoffe, dies wird Ihnen auch bei der nächsten logischen Frage helfen: Welche Methode sollte ich anwenden?

Das obige ist der detaillierte Inhalt vonWie man Text kursivisiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!