Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Inline-Tags in HTML5?

Was sind die Inline-Tags in HTML5?

青灯夜游
Freigeben: 2022-03-15 18:27:34
Original
12439 Leute haben es durchsucht

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.

Was sind die Inline-Tags in HTML5?

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!

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