2017-07-17 10 views
1

私はHTMLで簡単なWebページを書いた:世界のマップを返し、すべての大陸へのリンクを作成する必要がありhtmlコードのhrefリンクは機能しません。

<!DOCTYPE html> 
<html> 
<body> 

<img src="http://media.web.britannica.com/eb-media/59/89959-050-6CC4DDA1.jpg" alt="WorldMap" usemap="#Map" /> 
<map name="WorldMap" id="Map"> 
    <area alt="NorthAmerica" title="" href="www.google.com" shape="rect" coords="307,181,488,250" /> 
    <area alt="SouthAmerica" title="" href="www.google.com" shape="rect" coords="468,504,636,432" /> 
    <area alt="Europe" title="" href="www.google.com" shape="rect" coords="853,147,1005,180" /> 
    <area alt="Africa" title="" href="www.google.com" shape="rect" coords="964,350,826,383" /> 
    <area alt="Asia" title="" href="www.google.com" shape="rect" coords="1115,232,1221,193" /> 
    <area alt="Australia" title="" href="www.google.com" shape="rect" coords="1270,564,1483,532" /> 
    [...] 
</map> 


</body> 
</html> 

を。

ただし、リンクはクリックに反応しません。

何が問題なのですか?

答えて

3

あなたは、オフサイトのリソースにリンクしている場合、あなたのリンクが必見http://またはhttps://接頭辞が含まれています。

<area alt="NorthAmerica" title="" href="http://www.google.com" shape="rect" coords="307,181,488,250" /> 

おそらくあなたはより具体的なリンクすることを作ると思いますけれども:あなたが必要があることを意味

+0

...それはまだクリック可能になりますと、ハンドカーソルにかかわらず表示されます。 – Miro

5

usemap="#WorldMap"は、nameタグと一致する必要があります。 idではない。このよう

手の考えでは問題ではないのです

<img src="http://media.web.britannica.com/eb-media/59/89959-050-6CC4DDA1.jpg" alt="WorldMap" usemap="#WorldMap" /> 
 
<map name="WorldMap" id="Map"> 
 
    <area alt="NorthAmerica" title="" href="/#" shape="rect" coords="307,181,488,250" /> 
 
    <area alt="SouthAmerica" title="" href="/#" shape="rect" coords="468,504,636,432" /> 
 
    <area alt="Europe" title="" href="/#" shape="rect" coords="853,147,1005,180" /> 
 
    <area alt="Africa" title="" href="/#" shape="rect" coords="964,350,826,383" /> 
 
    <area alt="Asia" title="" href="/#" shape="rect" coords="1115,232,1221,193" /> 
 
    <area alt="Australia" title="" href="/#" shape="rect" coords="1270,564,1483,532" /> 
 
</map>

関連する問題