ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでタグを非表示にする方法

HTMLでタグを非表示にする方法

王林
王林オリジナル
2021-06-16 16:03:374711ブラウズ

htmla タグを非表示にするには、a タグに Visibility 属性を追加し、属性値を hidden に設定します。 Visibility 属性は、要素が表示されるかどうかを指定するために特に使用され、hidden は要素が非表示であることを示します。

HTMLでタグを非表示にする方法

#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。

実際、HTML で a タグを非表示にすることは難しくありません。CSS には非常に便利な属性の可視性があり、この属性を使用することで目的を簡単に達成できるからです。まずはこの物件について簡単に見ていきましょう。

visibility 属性は、要素が表示されるかどうかを指定します。

共通の属性値:

  • 表示されるデフォルト値。要素が表示されます。

  • hidden 要素は非表示になります。

  • collapse テーブル要素で使用すると、この値は行または列を削除しますが、テーブルのレイアウトには影響しません。行または列が占めていたスペースは、他のコンテンツのために解放されます。この値が別の要素で使用される場合、その値は「非表示」として表示されます。

  • #inherit 可視属性の値を親要素から継承することを指定します。

  • #たとえば、a タグを非表示にしたい場合は、次のようなコードを記述できます:

<div><a href="#"><span style="visibility:hidden">我的</span></a></div>

詳細な例:

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

実行結果は次のとおりです。画像:


HTMLでタグを非表示にする方法関連する推奨事項:

html ビデオ チュートリアル

以上がHTMLでタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。