Comment masquer div en HTML en utilisant CSS

Nous savons que lors du processus de création de pages Web, nous souhaitons souvent masquer certains contenus, comme l'ajout d'icônes affichées par des statistiques tierces sur le site Web. Comment le masquer via CSS, comment faire en sorte que l'image serve de site Web. le fond, mais le texte ne s'affiche pas ? Cet article vous l'expliquera.

1. Contenu de page Web caché ordinaire

Mots de style CSS : affichage:aucun
Si nous voulons masquer un morceau de code statistique, mais que nous ne voulons pas pour afficher l'icône du code statistique, sans affecter la fonction statistique, on peut utiliser ce mot de style CSS display:none (ce mot signifie ne pas afficher l' objet et le contenu de l'objet).

Code CSS :
.tongji{display:none}

Fragment HTML :

Remarque : ce CSS DIV est masqué et l'objet DIV et le contenu de l'objet seront masqués, mais la fonctionnalité ne sera pas affectée. Pour les moteurs de recherche, que vous utilisiez ce style dans une balise ou que vous sépariez généralement CSS et HTML pour cette instance, le moteur de recherche index ne lira pas et n'indexera pas votre contenu caché. qui cachent des mots-clés, n'utilisez jamais cette méthode de masquage CSS pour masquer des mots-clés ou ancrer des liens texte, sinon ce sera en vain.

2. Utilisez des images comme arrière-plan pour masquer le texte sur l'image sans affecter le Alien hypertexte texte d'ancrage

Nous constatons généralement que nous souhaitons utiliser des images comme arrière-plan d'objets, le contenu est optimisé avec du texte + des hyperliens, et en même temps, vous souhaitez masquer le texte et laisser les hyperliens inchangés. De cette façon, vous pouvez optimiser la page Web, ce qui n'affectera pas la beauté mais également le résultat. l'effet de l'optimisation des moteurs de recherche.

Styles CSS clés utilisés : text-indent:-9999px

Je pense que vous maîtrisez la méthode après avoir lu ces cas, et plus Pour un contenu plus passionnant, veuillez prêter attention au site Web chinois php autres articles liés !

Lecture connexe :

Comment créer l'écran Big Data d'une entreprise

Comment utiliser Jest pour tester des applications JavaScript

Résumé des problèmes de lecture vidéo mobile

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!