Obrázkové mapy

Obrázkové mapy

• slouží k definici mapy odkazů na obrázku
• různé části, definujeme obrazci
• odkazují na stejnou stránku ale i jiné

Důvod existence

• hodí se na specifické věci
• např. mapu státu, různé kraje, ...
• nelze v podstatě udělat jinak

Definice

• tvoříme pomocí tagu map
• mapa musí mít určený atribut name
• obrázkám potom definujeme atributem username a #name
• uvnitř mapy definujeme dané obrazce s odkazy

Obrazce

• definujeme tagem area
• povinný atribut shape, coords, href a alt
• typy: rect, circle a poly
• v coords definujeme různé parametry obrazců

Ukázka

Celostránková webová stránka

Nové jednotky

• vh = viewport height
• vw = viewport width
• 1vh = jedno procento výšky zařízení
• relativní jedotky

Použití

• chceme-li celostránkovou webovou stránku
• používáme 100vh a 100vw na tagu body
• nutný reset
• v dětech v body používáme již procenta

Použití