Question

我正在上这门课程，我从书中做了一些事情，书中要求使用Dreamweaver的“热点”作为图像地图。当我尝试使用它时，似乎没有任何效果，当我将带有图像映射的页面放在validator时，它表示带有<img>属性的<usemap>元素不得显示为<a>元素的后代，但属性<usemap>中的哈希名称引用引用<Home>，但没有带有该值的name属性的map元素。我甚至尝试手动输入图像映射代码，但这不起作用。为验证器通过，我能做什么或需要做什么？

<header class="fluid header_div">
<a href="index.html" target="_top">
<img src="assets/transparent.gif" alt="Link to homepage" width="910" height="140" usemap="#Home"/>
</a>
</header>

Answer 1

首先选择一个：

使用链接
使用图片地图

如果你想要一个链接（你说你不想），那么：

删除使用地图

<a href="index.html" target="_top">
    <img src="assets/transparent.gif" alt="homepage" width="910" height="140">
</a>

如果您需要an image map：

删除链接

<img src="assets/transparent.gif" alt="some navigation thing" width="910" height="140" usemap="#Home">
<map name="Home"><!-- Needs to match the usemap --> 
    <area shape="poly" 
       coords="0,0,0,50,50,50"
       href="index.html" 
       alt="Home">
</map>

调整坐标并添加其他区域以适应。

Dreamweaver上的图像映射

1 个答案: