Was sind die Inline-Tags in HTML5?

HTML5 Inline-Tags umfassen: span, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, strong, u, li, ins, del , dfn, kbd usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML-Tags (Elemente) können in zwei Kategorien unterteilt werden, nämlich Elemente auf Blockebene und Inline-Elemente (auch Inline-Elemente genannt).

html5 Inline-Elemente

Die Hauptmerkmale von Inline-Elementen sind wie folgt:

• Inline-Elemente und andere Elemente werden in derselben Zeile angezeigt;

• Die Breite, Höhe und Ränder von Inline-Elemente Weder die Polsterung noch die Polsterung können geändert werden.

• Die Breite eines Inline-Elements entspricht der Breite seines Inhalts und kann nicht geändert werden. In einem Inline-Element können nur Text oder andere Inline-Elemente untergebracht werden .

• Die am häufigsten verwendeten Inline-Elemente sind span, zusätzlich zu img, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, stark, u, li, ins, del, dfn, kbd, var usw.

Inline-Elemente haben oft einige spezielle Anzeigeeffekte, die einige CSS-Stile ersetzen können und zum Beispiel:

-Tags können die Schriftart ändern; Die Tags sub> und ^{werden verwendet, um tiefgestellten Text bzw. hochgestellten Text zu definieren.}

• Bei der Verwendung von Inline-Elementen müssen Sie die folgenden Punkte beachten:

• Das Festlegen der Breite ist ungültig;

Das Festlegen der Höhe ist ungültig, aber Sie können die Zeilenhöhe durch einstellen line-height;

• Ja Rand festlegen, aber nur für den linken und rechten Rand gültig, nicht für den oberen und unteren Rand.

• Beim Festlegen des Abstands ist nur der linke und rechte Abstand gültig, nicht jedoch der Oben und unten. Es ist zu beachten, dass der Bereich des Elements vergrößert wird, der umgebende Inhalt jedoch nicht beeinträchtigt wird.

• Sie können Elemente über das Anzeigeattribut zwischen Inline-Elementen und Elementen auf Blockebene wechseln.

• 【Verwandte Empfehlungen:

  HTML-Video-Tutorial
,
• Web-Frontend

  】

Das obige ist der detaillierte Inhalt vonWas sind die Inline-Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!