How to hide a tag in html-HTML Tutorial-php.cn

Table of Contents

这是可见的标题

这是不可见的标题

Home

Web Front-end

HTML Tutorial

How to hide a tag in html

王林

Jun 16, 2021 pm 04:03 PM

a tag html

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.

How to hide a tag in html

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>

Copy after login

Detailed example:

<html>
<head>
<style type="text/css">
h1.visible {visibility:visible}
h1.invisible {visibility:hidden}
</style>
</head>

<body>
<h1 id="这是可见的标题">这是可见的标题</h1>
<h1 id="这是不可见的标题">这是不可见的标题</h1>
</body>

</html>

Copy after login

The running result is as follows Picture:

How to hide a tag in html

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn