我在一个网站上有 4 个链接。每个链接都指向不同的页面(窗户、壁板、屋顶、日光浴室)。但是,我设置链接的方式与普通链接不同。这是一个片段:
<a href="windows.html">
<div id="img-block">
<div id="img-link">
<h1>Windows</h1>
</div>
</div>
</a>
CSS:
#img-block {
width:275px;
height:175px;
margin:25px 0;
background-image:url(images/windows.jpg);
}
#img-link {
height:40px;
width:275px;
margin:135px 0 0 0;
background-image:url(images/img-link-bg.png);
}
我这样做的几个原因。
A)我希望图像和文本可以点击
B)H1,因为我读过谷歌给标题更高的排名
C)还读到当有人点击链接时,措辞让谷歌知道它是相关的(点击“Windows”将您带到有关 Windows 的页面,从而提高“Windows”的页面排名)
现在我的问题是,我是否完成了所有这些事情?显然我已经完成了目标 A。但现在我不能再选择图像顶部的文本(“windows”)(因为我的光标变为手形图标,通知我链接)......另外,当我拖动图片,就说明我把图片、img-link图片、文字都拖为一个,就好像是一张图片一样。
希望这足够清楚,在此先感谢!