php 隐藏 div 代码,在HTML里用CSS隐藏div的方法

我们知道,在制作网页的过程中常常会想隐藏一些内容,比如网站添加第三方统计显示的图标等,如何通过CSS隐藏,怎么让图片作为背景,但文字又不显示呢?这篇文章来给大家解读一下。

一、普通隐藏网页内容

CSS样式单词:display:none

假如我们想隐藏一段统计代码,但又不想显示出统计代码图标,又不影响统计功能,我们即可使用此CSS样式单词display:none(这单词意思不显示对象及对象内容)。

CSS代码:

.tongji{display:none}

HTML片段:

隐藏内容

说明:此DIV CSS隐藏,将隐藏对象DIV及对象内容,但功能不受影响。对于搜索引擎来说,无论你此样式是标签内使用还是向这个实例一般分开CSS与HTML,搜索引擎都会不读取和索引你隐藏内容,对于隐藏关键字的朋友来说,千万不要使用此CSS隐藏方式来隐藏关键字或锚文本链接,不然只是个徒劳。

二、图片做背景,隐藏图片上文字,又不影响A超链接 锚文本

我们平时会遇到,我们想以图片作为对象背景,内容用文字+超链接来做优化,同时又想隐藏文字,超链接不受影响,这样来优化网页,即不影响美观又达到了搜索引擎优化的效果。

所用关键CSS样式:text-indent:-9999px

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/564217.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php+错误+处理,PHP 错误处理手记!!!!!

header("content-type:text/html;charsetutf-8");/**定义errror_handler函数作为set_error_handler()的第一个参数回调;param int $error_level 错误级别param string $error_message 错误信息param string $file 错误所在文件param int $line 错误所在行*/function …

网络第3天

基于UDP的TFTP文件传输 功能&#xff1a;下载、上传、退出 #include <myhead.h> #define IP "192.168.8.100" #define PORT 69 int download_file(int…

C++ 重载左移和右移运算符

C中&#xff0c;标准库本身已经对左移运算符<<和右移运算符>>分别进行了重载&#xff0c;使其能够用于不同数据的输入输出&#xff0c;但是输入输出的对象只能是 C 内置的数据类型&#xff08;例如 bool、int、double 等&#xff09;和标准库所包含的类类型&#x…

怎么用java跟数据库建立关系,java – 关系和构建数据库

请尝试以下方法&#xff1a;我认为它涵盖了你所有的设计要点.我试图在您的评论之间进行阅读,我认为您希望实现一个系统,您可以在其中捕获一些“规则”以供审核(我猜测,但示例可能是评论可以达到n在评论获得一定程度的质量之前,必须至少有m个顾客评论.如果确实如此,我创建了一个…

C++重载下标运算符

C 规定&#xff0c;下标运算符[ ]必须以成员函数的形式进行重载。该重载函数在类中的声明格式如下&#xff1a; 返回值类型 & operator[ ] (参数);或者&#xff1a; const 返回值类型 & operator[ ] (参数) const;使用第一种声明方式&#xff0c;[ ]不仅可以访问元素…

php 表情选择,php imagettftext和特定的表情符号

我遇到了一个问题,绘制了“杂项符号和象形文字”unicode块下的表情符号.这是一个示例代码&#xff1a;header(Content-Type: image/png);$im imagecreatetruecolor(290, 60);$grey imagecolorallocate($im, 200, 200, 200);$black imagecolorallocate($im, 0, 0, 0);imagefi…

C++ 重载自增和自减运算符

自增和自减–都是一元运算符&#xff0c;它的前置形式和后置形式都可以被重载。请看下面的例子&#xff1a; #include <iostream> #include <iomanip> using namespace std;//秒表类 class stopwatch{ public:stopwatch(): m_min(0), m_sec(0){ } public:void set…

java写一个类吧,能不能自己写个java自带的类

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼11.interface Playable {void play();}interface Bounceable {void play();}interface Rollable extends Playable, Bounceable {Ball ball new Ball("PingPang");}class Ball implements Rollable {private String nam…

C++ 重载new和delete运算符

内存管理运算符 new、new[]、delete 和 delete[] 也可以进行重载&#xff0c;其重载形式既可以是类的成员函数&#xff0c;也可以是全局函数。一般情况下&#xff0c;内建的内存管理运算符就够用了&#xff0c;只有在需要自己管理内存时才会重载。 以成员函数的形式重载 new 运…

matlab电机标定,基于模型的电机标定及高精度电机建模

概述在新能源汽车测试领域中&#xff0c;新能源汽车的驱动电机控制电流需要进行台架标定&#xff0c;目前电机台架标定中控制电流的标定是通过手动方式进行的&#xff0c;手动标定电机控制电流&#xff0c;对匹配工程师的技术要求高、工作强度大、标定周期长、标定精度也不够理…

C++ 重载强制类型转换运算符

C 中&#xff0c;类型的名字&#xff08;包括类的名字&#xff09;本身也是一种运算符&#xff0c;即类型强制转换运算符。 类型强制转换运算符是单目运算符&#xff0c;也可以被重载&#xff0c;但只能重载为成员函数&#xff0c;不能重载为全局函数。经过适当重载后&#xf…

滑动加载怎么做 php,vue之UI框架如何实现滑动加载数据

在我们移动端还有一个很常用的组件&#xff0c;那就是滑动加载更多组件。平常我们看到的很多插件实现相当复杂就觉得这个组件很难&#xff0c;其实不是的&#xff01;&#xff01;这个组件其实可以很简单的就实现出来&#xff0c;而且体验也能非常的棒(当然我们没有实现下拉刷新…

EasyX的安装与使用详细教程

EasyX 是针对 C/C 的图形库&#xff0c;可以帮助使用C/C语言的程序员快速上手图形和游戏编程&#xff0c;可以用来做些简单的演示2d类游戏&#xff0c;没有cocos2d-x那样重量级&#xff0c;学习起来也比较简单。 安装 1 . 打开Easyx官网https://easyx.cn/下载 EasyX&#xff…

二维码图片解码

二维码图片解码 现在进入了快节奏的时代&#xff0c;已经没有什么是扫码解决不了的了&#xff0c;我们光知道二维码是远远不能满足我们的需求的&#xff0c;我们需要知道二维码所表示的地址&#xff0c;但是有什么办法可以让我们对二维码进行解析然后获得地址的呢&#xff1f;…

php 删除整个目录,php 删除整个目录功能实例

这篇文章主要为大家详细介绍了php 删除整个目录功能实例&#xff0c;具有一定的参考价值&#xff0c;可以用来参考一下。对php删除整个目录的代码感兴趣的小伙伴&#xff0c;下面一起跟随512笔记的小编两巴掌来看看吧&#xff01;/*** php删除整个目录的代码** param* author 五…

C++ 强制类型转换运算符

C 将类型名作为强制类型转换运算符。 C 引入了四种功能不同的强制类型转换运算符以进行强制类型转换&#xff1a;static_cast、reinterpret_cast、const_cast 和 dynamic_cast。 强制类型转换是有一定风险的&#xff0c;有的转换并不一定安全&#xff0c;如把整型数值转换成指…

r语言如何读取matlab数据类型,[转载]R语言数据类型解析[转]

寻求帮助&#xff0c;使用 help(solve)&#xff0c;?solve 和 help(“solve”)是一样的&#xff0c;如果需要搜索可以用help.search(solve) 或者 ??solve。另外使用 help.start() 可以打开网页版的帮助&#xff0c;这个功能倒是和Matlab 的 doc 有几分相似。使用 source() 和…

java中函数过载,Java继承中成员方法的overload(重载/过载)

如果Java基础类有一个方法名被“过载”使用多次&#xff0c;在衍生类里对那个方法名的重新定义就不会隐藏任何基础类的版本。所以无论方法在这一级还是在一个基础类中定义&#xff0c;过载都会生效。public class Hide {public static void main(String[] args) {Bart b new B…

matlab 发送 126 邮件,python实现126邮箱发送邮件

用Python发送126邮件&#xff0c;供大家参考&#xff0c;具体内容如下今天想做个自动化邮件提醒的功能&#xff0c;最近刚好在学习python&#xff0c;都说python那么强大&#xff0c;想试一下python能否搞定&#xff0c;搜一下资料&#xff0c;果真可以&#xff0c;而且又简单通…

C++ auto和decltype关键字

可以用 auto 关键字定义变量&#xff0c;编译器会自动判断变量的类型。例如&#xff1a; auto i 100; // i 是 int auto p new A(); // p 是 A* auto k 34343LL; // k 是 long long有时&#xff0c;变量的类型名特别长&#xff0c;使用 auto 就会很方便。例如&#xff1a…