Hvad bruges area elementet til?

HTML-elementet area er et specialiseret element, der kan bruges til at definere et aktivt område inden for et billede. Det er en del af en gruppe af HTML-elementer, som også inkluderer map og img. Med et area-element kan man definere en aktiv region i et billede, som kan bruges til at linke til en anden side eller et andet element. Area-elementerne kan også defineres med attributter som shape og coords, som gør det muligt at skabe forskellige former og størrelser af de aktive områder.

Area-elementerne kan også bruges til at angive alternative tekster, der vises, når brugeren flytter musen over et billede. Dette kan gøre det meget lettere for brugere, der bruger skærmlæsere, da det gør det muligt for dem at få en forståelse af, hvad der foregår på et billede.

Area-elementet er en meget nyttig funktion, der kan hjælpe med at gøre hjemmesider mere interaktive og tilgængelige. Det giver også webmastere mulighed for at skabe mere komplekse og engagerende sider og billeder, som kan give brugerne en bedre oplevelse.

Eksempler på area

1. <area shape=”rect” coords=”20,20,100,200″ href=”http://www.example.com” alt=”Example”>
Denne kode gør, at når brugeren klikker inden for det rektangulære område, der har koordinaterne (20,20) til (100,200), åbnes et link til webstedet http://www.example.com.

2. <area shape=”circle” coords=”120,60,30″ href=”http://www.example2.com” alt=”Example 2″>
Denne kode opretter et klikbart område i form af en cirkel med midtpunktet (120,60) og en radius på 30, og åbner linket http://www.example2.com.

3. <area shape=”poly” coords=”100,10,40,198,250,78″ href=”http://www.example3.com” alt=”Example 3″>
Denne kode opretter et klikbart område i form af en polygon med punkterne (100,10), (40,198) og (250,78) og åbner linket http://www.example3.com.