Bản đồ hình ảnh trong HTML

Bản đồ hình ảnh trong HTML

Một bản đồ hình ảnh  chỉ là một loại hình ảnh nhấp, mà bạn có thể thực hiện các lĩnh vực khác nhau để có liên kết đến các URL khác nhau. (Ví dụ là dưới đây.) Để thực hiện một hình ảnh bản đồ, bạn cần phải thêm vào 2 nhóm mã vào trang web của bạn – là người đầu tiên là một phần bản đồ, khu vực, trong đó có định nghĩa, và thứ hai là một từ khóa img đặc biệt, với một thêm -về để làm cho nó sử dụng bản đồ.

Lưu ý: Khi bạn tạo một hình ảnh bản đồ như là một phần của tài liệu của bạn, bạn nên luôn luôn tạo các văn bản liên kết đến khen hình ảnh liên kết. Điều này cho phép người sử dụng của các tổ chức phi đồ họa trình duyệt hoặc những người có những hình ảnh tắt để truy cập đầy đủ các trang web của bạn. Nó cũng như là một hành vi quay lại lên hình ảnh của bạn không nên tải lên.

Từ khóa bản đồ (map tag)

Đây là nơi mà bạn chỉ định một tên vào bản đồ hình ảnh của bạn, mà bạn sẽ cần phải sử dụng sau này trong các từ khóa img. Tên là một yêu cầu tham số của các từ khóa bản đồ, và bản đồ sẽ không hoạt động mà không có nó. Khi sử dụng, một bản đồ từ khóa sẽ như thế này:
<map name=”put tên here”> Diện tích Tags Về Trong Đây …</ bản đồ>

Lưu ý rằng từ khóa bản đồ  phải được đóng cửa vào cuối.

Diện tích từ khóa

Đây là nơi mà bạn chỉ định cho các cá nhân bấm vào khu vực hình ảnh của bạn. Diện tích từ khóa có 3 thông số cần thiết – các hình dạng, các coords, href và các tham số. Nếu một khu vực từ khóa được thực hiện mà không có cả ba, bản đồ hình ảnh của bạn sẽ không hoạt động! Dưới đây là một ví dụ khu vực từ khóa:
<area shape=”put loại hình here” coords=”put tọa độ here” href=”put URL của here”>

Lưu ý rằng những việc trong ngoặc đơn không phải là những gì bạn thực sự đặt tại đó. Đọc trên để giải thích của những người:

Hình dạng và Coords:

Có ba hình, có thể được sử dụng cho một hình ảnh bản đồ – vòng tròn, rect, và poly. Mỗi của các hình dạng khác nhau đòi hỏi một số các con số trong các tham số coords. Thứ tự của khu vực thẻ là rất quan trọng – là người đầu tiên khu vực mentions rằng một từ khóa là một trong những khu vực được sử dụng, do đó, bạn nên chắc chắn rằng bạn thiết lập các khu vực đầu tiên của bạn nhỏ, và những người thân lớn (trong đó có thể quấn quanh những cái nhỏ) cuối cùng .

Để có một vòng tròn, bạn phải xác định ba số: The X và Y tọa độ của các trung tâm của vòng tròn, và bán kính.
<area shape=”circle” coords=”284131,60″ href=”link.htm”>

rect tạo ra một khu vực nhấp chữ nhật, và cho nó, bạn cần số 4 – X và Y phối hợp của các góc trên bên trái, và X và Y phối hợp của các góc dưới cùng bên phải.
<area shape=”rect” coords=”91148194262″ href=”link.htm”>

poly là loại cuối cùng khu vực từ khóa. Nó được sử dụng để tạo ra một đa giac, hoặc nhiều hình dạng bên, là nơi mà người xem có thể bấm vào. Đối với coords, nó đòi hỏi một danh sách các tọa độ X và Y của tất cả các điểm dọc theo The Edge của đa giác. Đối với hình dạng phức tạp poly, coords những tham số có thể rất dài, và nó trở nên dễ dàng để làm cho những sai lầm. Nó thường là hay nhất để giữ poly khu vực của bạn xuống đến 8 điểm hoặc ít hơn.
<area shape=”poly” coords=”203213203387325336″ href=”link.htm”>

href hoặc nohref – lần cuối là điểm đến cho các bạn bấm vào khu vực, trong đó được xác định bởi các href lĩnh vực, trong cùng một cách chính xác theo cách như là href tham số của các từ khóa <a>. Tùy chọn, nếu bạn muốn chỉ định một khu vực, mà không phản ứng để được nhấp vào, bạn có thể thay thế các tham số với href nohref.
Ví dụ về nohref:
<area shape=”default” nohref>

Vì vậy, bất kỳ khu vực chưa được xác định sẽ không phản ứng để được nhấp vào.

Các <img> từ khóa được sử dụng ở đây là chính xác giống như một trong những bình thường, với một Ngoài ra – bạn cần phải thêm một tham số usemap vào nó, mà chỉ vào bản đồ mà bạn tạo ra trước đó trong tài liệu của bạn. Ví dụ, một hình ảnh bản đồ sử dụng một bản đồ, tên là “chuyển hướng” sẽ giống như thế này:
<img src=”navigation.gif” alt=”Navigation” usemap=”#navigation”>

Tôi hy vọng đến trong này hữu ích!