HTML <div>与href链接

时间:2017-08-30 07:39:10

标签: javascript html css

我有一段基本上看起来像这样的代码:

<div> 
    <div </div> 
    <span> </span> 
</div>;

外部div用于位置,div内部保存有关图标的信息,span用于对鼠标悬停的反应。

我的目标是制作此图标可点击链接。使用window.location会更容易,但是当我将鼠标悬停在图标上时,我需要在左下角(chrome)显示一个网址弹出窗口,并且我不知道如何在此上下文中使用href实现此目的。

1 个答案:

答案 0 :(得分:0)

不需要臃肿的HTML甚至是JS。

您可以使用标准<a>标记。 <a href=""></a>

如果您愿意,可以使用display: block; css使<a>行为像<div>。要添加图标,您可以使用<img><svg>或我最喜欢的css伪元素。请考虑遵循基本的HTML(5)/ CSS在线课程,因为这是HTML的基本用法。