Home > Article > Web Front-end > How to hide a tag in html
How to hide a tag in html
- 王林Original
- 2021-06-16 16:03:374686browse
htmlThe way to hide the a tag is to add the visibility attribute to the a tag and set the attribute value to hidden. The visibility attribute is specifically used to specify whether the element is visible, and hidden indicates that the element is invisible.
The operating environment of this article: windows10 system, html 5, thinkpad t480 computer.
In fact, it is not difficult to hide the a tag in HTML, because there is a very useful attribute visibility in CSS, and we can easily achieve our purpose by using this attribute. Let's take a brief look at this property first.
The visibility attribute specifies whether the element is visible.
Common attribute values:
visible default value. The element is visible.
hidden The element is invisible.
collapse When used in a table element, this value deletes a row or column, but it does not affect the layout of the table. The space occupied by a row or column is freed for other content. If this value is used on another element, it will be rendered as "hidden".
#inherit Specifies that the value of the visibility attribute should be inherited from the parent element.
For example, if we want to hide the a tag, we can write the code like this:
<div><a href="#"><span style="visibility:hidden">我的</span></a></div>
Detailed example:
<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>The running result is as follows Picture:
Related recommendations: html video tutorial
The above is the detailed content of How to hide a tag in html. For more information, please follow other related articles on the PHP Chinese website!