为了账号安全,请及时绑定邮箱和手机立即绑定

资料下载里的源码有一个写法看不懂,请高手指点!

http://img1.sycdn.imooc.com//55c2c8f1000106b402170063.jpg

这个图片,源码里css将他写成了背景图,但是我不解的是为什么还要在<h1>中加<a href="#">腾讯软件中心</a>?这段文字又显示不出来。写在这里有什么意义啊?以下是源码:

<html>

<head>

<style type="text/css">

.logo h1 {

   float: left;

   background: url(../images/logo.gif) no-repeat;

   width: 218px;

   height: 63px;

   text-indent: -9999px;

   cursor: pointer;}

a {

   color: #266392;

   text-decoration: none;}

</style>

</head>

<body>

<h1><a href="http://www.baidu.com/">腾讯软件中心</a></h1>

</body>

</html>



正在回答

1 回答

这跟SEO有关,举个栗子来说,如果这个A标签不加任何内容的话,搜索引擎怎么知道它是干嘛用的。就只知道这个是A标签,搜索引擎是不会分析背景图片内容的。

想了解更多的SEO知识请看这门课:http://www.imooc.com/learn/204


0 回复 有任何疑惑可以回复我~
#1

Bill0123 提问者

i see.多谢啦!那如果不考虑seo的话,直接在<h1>中加入<img>然后再写个alt属性也可以吗?
2015-08-06 回复 有任何疑惑可以回复我~
#2

Perona 回复 Bill0123 提问者

可以呀~~~
2015-08-06 回复 有任何疑惑可以回复我~
#3

Bill0123 提问者

非常感谢!
2015-08-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

资料下载里的源码有一个写法看不懂,请高手指点!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信