Heim > Web-Frontend > HTML-Tutorial > Die Rolle des HTML--Tags

Die Rolle des HTML--Tags

黄舟
Freigeben: 2017-06-21 15:26:46
Original
9730 Leute haben es durchsucht

em ist die Abkürzung für Emphasis. Der in ~ enthaltene Text wird hervorgehoben. Browser wie Internet Explorer zeigen Text kursiv an, und einige Browser verwenden andere Methoden, wie z. B. das Ändern der Textfarbe, um einen Hervorhebungseffekt zu erzielen. Das

em>-Tag (HTML-EM-Hervorhebungs-Tag) weist den Browser an, den darin enthaltenen Text als hervorgehobenen Inhalt darzustellen. Für alle Browser bedeutet dies, dass dieser Text kursiv dargestellt werden sollte, damit jeder ihn sehen kann. Dies hat den gleichen Effekt wie das HTML-I-Kursiv-Tag.

1) Die durch -Tags geänderten Inhalte werden kursiv angezeigt, aber diese Inhalte haben auch eine weitere Bedeutung. Wenn Sie nur Kursivschrift verwenden möchten, um Text anzuzeigen, verwenden Sie bitte das -Tag. Darüber hinaus können Dokumente kaskadierende Stildefinitionen enthalten, die die Anzeige von Text ändern.

2), em definiert die Inhaltshervorhebungsfunktion

3), der standardmäßige kursive Sonderstil des EM-Tags kann mithilfe des CSS-Stils initialisiert werden. Wir werden vorstellen, wie man den eigenen em-Hervorhebungs-Tag bestimmt in einem späteren Artikelstil.

em hat die folgenden Eigenschaften:

1. Der Wert von em ist nicht festgelegt;
2. em wird die Schriftgröße des übergeordneten Elements erben.

Wenn wir also CSS schreiben, müssen wir auf zwei Punkte achten:

1. Deklarieren Sie Font-size=62,5%; 2. im Körperauswahl. Teilen Sie Ihren ursprünglichen px-Wert durch 10 und ändern Sie ihn dann zu em als Einheit.
 3. Berechnen Sie den em-Wert der vergrößerten Schriftarten neu. Vermeiden Sie wiederholte Angaben zu Schriftgrößen.

Damit soll das Phänomen 1,2 * 1,2 = 1,44 vermieden werden. Wenn Sie beispielsweise die Schriftgröße in #content als 1,2em deklarieren, kann die Schriftgröße von p, wenn Sie sie deklarieren, nur 1em und nicht 1,2em sein, da dieses em nicht dieses em ist und die Schriftart erbt Höhe von #content. Es wurde 1em=12px.

Eine Ausnahme bilden jedoch chinesische 12-Pixel-Zeichen, d. Dieses Problem wurde von Jorux gelöst. Ändern Sie einfach 62,5 % in 63 % und es wird normal angezeigt. Der Grund kann sein, dass bei der Verarbeitung chinesischer Zeichen durch den IE die Genauigkeit von Gleitkommawerten begrenzt ist

em ist eine relative Längeneinheit. Die Schriftgröße relativ zum Text innerhalb des aktuellen

-Objekts . Wenn die aktuelle Schriftgröße für Inline-Text nicht manuell festgelegt wurde, ist sie relativ zur Standardschriftgröße des Browsers.

Die Standardschrifthöhe jedes Browsers beträgt 16 Pixel. Alle unveränderten Browser entsprechen: 1em=16px. Dann 12px=0,75em, 10px=0,625em. Um die Konvertierung der Schriftgröße zu vereinfachen, müssen Sie im Body-Selektor in CSS Font-size=62,5 % deklarieren, wodurch der em-Wert 16px*62,5%=10px wird, also 12px=1,2em, 10px=1em , auch Das heißt, Sie müssen nur Ihren ursprünglichen px-Wert durch 10 teilen und dann zu em als Einheit wechseln.

Stellen Sie ein paar Fragen:

1. Was ist das

2. Was ist der Unterschied zwischen dem -Tag?

Die erste Frage ist die perverseste:

Die ehrlichste Antwort: Ich weiß es nicht, ich habe es überhaupt nicht gesehen!

Die verwirrendste Antwort: Großer Bruder, em ist die Längeneinheit, es ist CSS, nicht

HTML-Tag, es ist die gleiche Einheit wie px (Pixel).

Die tollste Antwort: em? Es dient lediglich der Hervorhebung und ist kursiv geschrieben, wird jedoch nicht empfohlen. Wie Sie sehen, verwenden die meisten großen Websites dieses Tag nicht.

Bei der zweiten Frage geht es hauptsächlich um die Einführung der HTML-Semantik. Obwohl beide im Browser kursiv angezeigt werden, handelt es sich bei um ein semantisches Tag Kursivschrift, und was noch wichtiger ist, es ist ein ausdrucksstarkes Tag, das nur Kursivschrift ausdrückt

Das obige ist der detaillierte Inhalt vonDie Rolle des HTML--Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage