Home > Web Front-end > HTML Tutorial > How to hide div in HTML using CSS

How to hide div in HTML using CSS

php中世界最好的语言
Release: 2017-11-28 10:19:54
Original
3620 people have browsed it

We know that in the process of making web pages, we often want to hide some content, such as adding icons displayed by third-party statistics on the website, etc. How to hide it through CSS, how to make the picture serve as the background, but the text is not displayed? This article will explain it to you.

1. Ordinary hidden web page content

CSS style words: display:none
If we want to hide a section of statistical code, but do not want to display the statistical code icon , without affecting the statistical function, we can use this CSS style word display:none (this word means not to display the object and object content).

CSS code:
.tongji{display:none}

HTML fragment:

Hide content

Description: This DIV CSS is hidden, and the object DIV and object content will be hidden, but the function will not be affected. For search engines, whether you use this style within a tag or generally separate CSS and HTML in this instance, the search index will not read and index your hidden content. For For friends who hide keywords, never use this CSS hiding method to hide keywords or anchor text links, otherwise it will be in vain.

2. Use the picture as the background to hide the text on the picture without affecting the Ahyperlink anchor text

We usually encounter that we want to use the picture as the background of the object. The content is optimized with text + hyperlinks. At the same time, you want to hide the text and leave the hyperlinks unaffected. In this way, you can optimize the web page without affecting the beauty and achieving the effect of search engine optimization.

Key CSS styles used: text-indent:-9999px


I believe you have mastered the method after reading these cases, and more Please pay attention to php Chinese websiteOther related articles for how exciting it is!


Related reading:

How to make a company’s big data screen

How Testing JavaScript applications with Jest

Summary of mobile video playback problems

The above is the detailed content of How to hide div in HTML using CSS. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template