CSS——网页优化之内容移除

在h1标签里套入a标签并写上文字,有利于seo,但是文字如何隐藏呢?一般都是a标签变成内联块并首行缩进为负值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .logo{
            width: 143px;
            height: 76px;
            background: url("logo.png");
        }
        a{
            display: inline-block;
            text-indent:-5000em;
        }
    </style>
</head>
<body>
    <div class="logo">
        <h1>
         <a href="#">搜狐</a>
        </h1>

    </div>
</body>
</html>

效果:

时间: 2024-10-21 07:42:09

CSS——网页优化之内容移除的相关文章

网站前端网页优化的原则(雅虎14条)

内容再丰富的网站,如果慢到无法访问也是毫无意义的:SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭:UE设计的再人性化的网站,如果用户连看都看不到也是空谈. 所以,网页的效率优化绝对是最值得关注的方面,那么,我们该如何才能提高一个网页的效率呢?对此,我今天就在马海祥博客上为大家分享一下雅虎网页优化的14条原则,也被称为:雅虎十四条,而这些原则也是我们作为一名SEO人员所必须了解的. 1.减少HTTP请求次数 据统计,有80%的最终用户响应时间是花在前端程序上,而其大部分时间则花在各种页面元素,如

CSS网页编程

CSS网页编程 CSS概述 CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果.可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 那么CSS和HTML是如何在网页代码中相结合的呢?通过四种方式:style属性 .style标签.导入和链接. CSS与HTML相结合的四种方式 ☆ 1.style属性方式 <p style="background

Web 前端性能优化相关内容解析

Web 前端性能优化相关内容,来源于<Google官方网页载入速度检测工具PageSpeed Insights 使用教程>一文中PageSpeed Insights 的相关说明.大家可以对照着去优化自己的网站或者相关项目.本文由Jeff 整理. 0.提高服务器的响应速度 砸钱的东西,但却最根本:搞好这一项,甚比下面任何一项. 1.优化样式表和脚本的排列顺序 正确地排列外部样式表与外部和内嵌脚本的顺序,可增加下载时同时加载的数据量,并提高浏览器显示网页的速度. 将样式表放在顶部,将脚本放在底部

网页优化方案

页面加载速度优化的12个建议 2014-05-27 10:05 来源:木木SEO博客 编辑:雪萍[纠错]0人评论 Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性,同时指出很多网站都没有利用最佳的页面优化技术,页面加速速度都存在很大缺陷.那么该如何补救,提高网站页面的加载速度呢? 报告给出了12个页面加载速度优化的补救措施,用以改善加载时间,改善站长浏览者的用户体验.网站运营人员可以通过这些建议来解决页面加载速度难题.编译如下: 1.合并Js文件

CSS样式优化

一.css代码优化作用与意义 1.减少占用网页字节.在同等条件下缩短浏览器下载css代码时间,相当于加快网页打开速度2.便于维护.简化和标准化css代码让css代码减少,便于日后维护3.让自己写的css代码更加专业. 二.css代码优化的方法 1.使用简写 如果你现在还对简写一点都不了解,那你就又写落伍了,不过幸好,学起来并不是很难.使用简写是一种让代码减少的最简单方法.没有比现在更适合实践代码简写的时候了,还等什么,一起来看看吧. Margin.border.padding.backgroun

CSS网页布局中必须要了解的几个XHT…

应用div+css网页布局,你必须了解一些xhtml结构标签,原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制. 下面列一个完整xhtml的结构标签: 结构 body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, 

CSS网页切图实例教程下

CSS网页切图实例教程下 7.导航的制作,是一个典型的ULLI列表.我们先写出HTML代码,而在我们导航列表之间有一个竖线隔开. <ul> <li><a href="#">divcss8.com首页</a>|</li> <li><a href="#">关于捷福</a>|</li> <li><a href="#">产品

Web 前端性能优化相关内容解析[转]

Web 前端性能优化相关内容,来源于<Google官方网页载入速度检测工具PageSpeed Insights 使用教程>一文中PageSpeed Insights 的相关说明.大家可以对照着去优化自己的网站或者相关项目.本文由Jeff 整理. 0.提高服务器的响应速度 砸钱的东西,但却最根本:搞好这一项,甚比下面任何一项. 1.优化样式表和脚本的排列顺序 正确地排列外部样式表与外部和内嵌脚本的顺序,可增加下载时同时加载的数据量,并提高浏览器显示网页的速度. 将样式表放在顶部,将脚本放在底部

CentOS7.4—Apache优化应用三(网页优化)

Apache优化应用三(网页优化)目录第一部分 准备工作第二部分 安装Apache服务第三部分 Apache网页优化-网页压缩第四部分 Apache网页优化-网页缓存 第一部分 准备工作一:服务器:Linux系统-CentOS 7.4:IP地址:192.168.80.10 客户端:以WIN7为例,测试验证结果,与服务器在同一网段:IP地址:192.168.80.2 二:准备压缩包 //apr-1.6.2.tar.gz和apr-util-1.6.0.tar.gz是httpd2.4以后的版本所需要的