A tag <área> é usada principalmente para mapas de imagem. Através desta tag, a área ativa (também conhecida como pontos quentes) pode ser definida no mapa de imagens. Dessa forma, quando o mouse do usuário se move para a área ativa especificada e clica, ele se vinculará automaticamente à página Preset. Sua estrutura básica de sintaxe é a seguinte:
<área de classe = tipo id = valor href = url alt = forma de texto = forma de área resfriado = valor>
Classe e ID: são os tipos e números de ID que especificam o ponto de acesso, respectivamente.
Alt: texto alternativo usado para definir pontos de acesso.
HREF: Usado para definir o endereço da URL ao qual o ponto de acesso está vinculado.
Forma e coordenação: são dois parâmetros principais, que são usados para definir a forma e o tamanho do ponto de acesso. O uso básico é o seguinte:
<forma de área = coordenadas rety = x1, y1, x2, y2 href = url> significa que o hotspot definido é um retângulo, as coordenadas de vértices do canto superior esquerdo são (x1, y1) e as coordenadas de vértices do canto inferior direito são (x2, y2).
<forma de área = coordenadas do círculo = x1, y1, r href = url> significa que a forma do hotspot definida é círculo, a coordenada central é (x1, y1) e o raio é r.
<forma de área = coordenadas de poligon = x1, y1, x2, y2 ...... href = url> significa que a forma do hotspot definida é um polígono, e as coordenadas de cada vértice são (x1, y1), (x2, y2), (x3, y3) .......
Nota: As posições desses pontos x1, y1, x2, y2 são determinadas com base na figura, não no tamanho da janela.
A tag <área> divide a área de atuação no mapa de imagens; portanto, a área de atuação dividida deve estar dentro da área do mapa da imagem. Portanto, antes de dividir a área com a tag <área>, você deve usar outra tag html <pap> para definir a área de atuação do mapa da imagem e definir o nome para o mapa de imagem especificado. O uso desta tag é muito simples, isto é, <nome do mapa = nome do mapa da imagem> ...... </pap>.
A seguir, é apresentado um exemplo para ilustrar o uso desses dois marcadores:
Aqui está uma foto de uma nova estante. O efeito é: Ao clicar no livro, uma nova janela é aberta para exibir a página de introdução e pedido do livro (urlall.htm); Ao clicar no livro de estratégia de design do site, uma nova janela é aberta para exibir a página de introdução e pedido do livro (SITEALL.HTM); Ao clicar no livro, uma nova janela é aberta para exibir a página Introdução e Ordem do livro (Pagejqlall.htm). Como fazer:
1. Insira a figura, defina os parâmetros relevantes da imagem e defina o parâmetro useMap = newbook ismap na tag <mg> para representar uma referência ao mapa da imagem (newbook);
2. Use <Pap> para definir a área de ação do mapa da imagem e nomeie -o: newbook;
3. Use as marcas <área> para dividir três áreas de ação retangular com base nas posições dos três livros e definir seus parâmetros de link HREF.
Produção concluída, o código -fonte deste exemplo é o seguinte:
Copie o código