Heim  >  Artikel  >  Web-Frontend  >  So verbergen Sie ein Tag in HTML

So verbergen Sie ein Tag in HTML

王林
王林Original
2021-06-16 16:03:374694Durchsuche

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.

So verbergen Sie ein Tag in HTML

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:

So verbergen Sie ein Tag in HTML

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!

Stellungnahme:
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