1. 场景
有时候为了提高搜索引擎收藏，我们开发的动态网页中往往需要添加很多静态内容。
但是这些内容仅仅是为了搜索引擎更好的检索，并不像让他在网页上显示。
2. 隐藏
可以使用width:1px; height:0; overflow:hidden;CSS样式将静态内容隐藏。
改代码的意思是，比指定区域width:1px; height:0;溢出的部分，隐藏。
由于我们设置了一个高度为0的区域，所以实际效果是全部隐藏，但是在页面DOM元素中还是存在的，一般不影响搜索引擎效果。
CSS 不影响搜索引擎的隐藏效果
2021-11-17
118
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
本文目录1. 场景2. 隐藏
目录
相关文章
|
前端开发
JavaScript
异构计算
|
前端开发
UED
|
前端开发
|
前端开发
通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现，如果移出导航栏3秒又隐藏起来，而且不受滚动条影响（二）...
通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现，如果移出导航栏3秒又隐藏起来，而且不受滚动条影响（二）...
603
0
0
|
Web App开发
前端开发
iOS开发
|
前端开发
|
前端开发
JavaScript
|
JavaScript
前端开发
使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。
使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。
315
0
0
|
JavaScript
前端开发
开发者
面试题：使用 css隐藏页面元素
我们先来说一下限制条件
可以使用 css、html、js
元素为一个 100*100 的红色矩形，里面包含一个 50*50 黑色矩形
只要在页面上看不到就算隐藏
测试地址：https://www.lilnong.top/static/html/hidden-dom.html
115
0
0
