IntroductionAn bildkarta är en bild med klickbara områden. Dessa områden är inte bara klickbara, de kan förvandlas till hyperlänkar, och de kan ta emot fokus. När du utformar en bildkarta, ger du den funktion du vill använda för ett visst område. Det är vad som kallas klient klickbar bild och servern klickbar bild. I denna artikel kommer jag att tala om klientsidan bildkarta. Ett område kan vara en rektangel, cirkel eller polygon. Du bansidan designer bestämmer var och hur stor yta kommer att vara på image.
You behöver grundläggande kunskaper i HTML eller XHTML, JavaScript och CSS för att förstå den här artikeln Omdömen
. Anm: Om du inte kan se koden eller om du tror att något saknas (bruten länk, bild frånvarande), bara att kontakta mig på [email protected]. Det vill säga, kontakta mig för minsta problem du har om vad du är reading.HTML Elements inblandade Du behöver tre HTML-element för en bildkarta. Du behöver normalt HTML bildelement, för bilden. Du behöver vad som kallas HTML MAP-elementet och HTML OMRÅDE elementet. Ett HTML OMRÅDE element motsvarar en klickbara området på bilden.
Så kan det finnas mer än en OMRÅDE element för en bild. Området element utgör innehåll för bildkarta elementet. Så om du har en bild med tre klickbara områden, skulle du ha något så här: Det finns tre typer av HTML-element som ingår. Du har normal bildelement, och en kartelement. Inne i kartelement, har du området elementen. Bild ElementThe bildtaggen är en enda tagg element. I den ovan, bör du vara bekant med alla de attribut utom, usemap. Värdet för detta attribut är vad kopplar bildelementet till kartelementet. Kartan elementet är det som ger dig kartan (osedda avgränsningar) på bilden.
Värdet på usemap börjar med en hash följt av texten. Denna text måste vara värdet av namnet attributet för kartelement. Den kartelement måste ha ett namn attribut. I ovanstående kod, är "myImgMap" värdet på namnattributet för kartan elementet; detta är texten i värdet på usemap attribut av bildelementet. Den usemap förekommer endast i bildelementet och inte i MAP eller OMRÅDE element.The bredd och höjd attribut du ser är bredden och höjden på bilden i pixlar. MAP elementThe MAP elementet är en dubbeltaggelement; det vill säga den har en starttagg och ett slut-tagg.
Det har bara ett attribut, namnet attributet. Detta är namnet på etiketten, på samma sätt som andra taggar har namn. Värdet av detta namn attribut är den text som följer hash karaktär motsvarande bildtaggen. Det är e