Heim > Artikel > Web-Frontend > So verbergen Sie ein Tag in HTML
Die Möglichkeit, das a-Tag in HTML auszublenden, besteht darin, das Sichtbarkeitsattribut zum a-Tag hinzuzufügen und den Attributwert auf „versteckt“ zu setzen. Das Sichtbarkeitsattribut wird speziell verwendet, um anzugeben, ob das Element sichtbar ist, und versteckt gibt an, dass das Element unsichtbar ist.
Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer.
Tatsächlich ist es nicht schwer, das a-Tag in HTML auszublenden, da es in CSS ein sehr nützliches Attribut „Sichtbarkeit“ gibt und wir unser Ziel durch die Verwendung dieses Attributs leicht erreichen können. Werfen wir zunächst einen kurzen Blick auf diese Immobilie. Das
visibility-Attribut gibt an, ob das Element sichtbar ist.
Gemeinsame Attributwerte:
sichtbarer Standardwert. Das Element ist sichtbar.
versteckte Elemente sind unsichtbar.
collapse Bei Verwendung in einem Tabellenelement kann dieser Wert eine Zeile oder Spalte löschen, hat jedoch keinen Einfluss auf das Layout der Tabelle. Der durch Zeilen oder Spalten belegte Platz wird für andere Inhalte zur Verfügung gestellt. Wenn dieser Wert für ein anderes Element verwendet wird, wird er als „versteckt“ dargestellt.
inherit gibt an, dass der Wert des Sichtbarkeitsattributs vom übergeordneten Element geerbt werden soll.
Wenn wir beispielsweise das Tag a ausblenden möchten, können wir den Code wie folgt schreiben:
<div><a href="#"><span style="visibility:hidden">我的</span></a></div>
Detailliertes Beispiel:
<html> <head> <style type="text/css"> h1.visible {visibility:visible} h1.invisible {visibility:hidden} </style> </head> <body> <h1 class="visible">这是可见的标题</h1> <h1 class="invisible">这是不可见的标题</h1> </body> </html>
Das laufende Ergebnis ist wie in der Abbildung dargestellt:
Verwandte Empfehlungen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verbergen Sie ein Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!