Bản đồ hình ảnh HTML có còn được sử dụng không?

Mọi người vẫn sử dụng Bản đồ hình ảnh HTML cũ chứ? Những người có:

<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...

Hoặc là có một thay thế mới hơn, tốt hơn?

Có, mọi người vẫn sử dụng bản đồ hình ảnh. Một giải pháp thay thế sẽ là định vị các phần tử bằng cách sử dụng định vị tuyệt đối và CSS nhưng điều đó không nhất thiết phải tốt hơn. Nó cũng không cho phép bạn có các hình dạng như trong bản đồ hình ảnh

Chúng nằm trong đặc điểm kỹ thuật HTML5 , vì vậy chúng sẽ không bị phản đối.

Bạn vẫn có thể thoải mái sử dụng chúng, chắc chắn chúng vẫn có chỗ đứng trong việc phát triển web. Hoặc tôi có thể nói, những dịp hiếm hoi đó tồn tại nơi bạn có thể giải quyết vấn đề gì đó tốt nhất bằng bản đồ hình ảnh.

Một giải pháp thay thế cho việc sử dụng CSS hoặc bản đồ hình ảnh sẽ là sử dụng đồ họa SVG được nhúng vào trong dom HTML.

Một hướng dẫn về cách đạt được hiệu ứng di chuột qua kỹ thuật này được mô tả trong hướng dẫn này: http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs

Điểm mấu chốt là các phần tử SVG cũng kích hoạt các sự kiện dom truyền thống bao gồm onmouseover và onmouseout .

Có bản đồ hình ảnh html đặc biệt tốt nếu bạn muốn khu vực của mình là một đa giác. Bạn cũng có thể thêm hiệu ứng cuộn qua cho bản đồ của mình bằng javascript. Có một hướng dẫn và bản demo rất hay ở đây:

http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484

Bản đồ Hình ảnh vẫn ở dạng đặc tả HTML5, được hỗ trợ bởi tất cả các trình duyệt.

Chúng có thể được điều chỉnh cho phù hợp với thiết kế đáp ứng bằng cách sử dụng Bản đồ hình ảnh jQuery RWD: https://github.com/stowball/jQuery-rwdImageMaps

Nó phát hiện và tự động thay đổi kích thước các tọa độ bản đồ hình ảnh.

Nó cũng có sẵn cho các nhà phát triển Wordpress dưới dạng plugin: http://wordpress.org/plugins/responsive-image-maps/

Giải pháp đơn giản và hiệu quả.

Có, tôi vẫn sử dụng bản đồ hình ảnh, tuy nhiên dự án cuối cùng của tôi sử dụng Raphaël. Nó khá dễ dàng để có được một cái gì đó và chạy.

http://dmitrybaranovskiy.github.io/raphael/

Từ trang web của họ:

Raphaël ['ræfeɪəl] sử dụng Khuyến nghị SVG W3C và VML làm cơ sở để tạo đồ họa. Điều này có nghĩa là mọi đối tượng đồ họa bạn tạo cũng là một đối tượng DOM, vì vậy bạn có thể đính kèm các trình xử lý sự kiện JavaScript hoặc sửa đổi chúng sau này. Mục tiêu của Raphaël là cung cấp một bộ điều hợp giúp việc vẽ vector nghệ thuật tương thích với nhiều trình duyệt trở nên dễ dàng và dễ dàng.

Ví dụ bản đồ hình ảnh đơn giản đẹp:

http://dmitrybaranovskiy.github.io/raphael/australia.html

Mặc dù tôi hiếm khi thấy chúng được sử dụng trên các trang web hiện đại nữa, nhưng chúng dường như được khách hàng của tôi sử dụng trong các chiến dịch email của họ. Tuy nhiên, tôi đã nhận thấy và xác nhận rằng có một số vấn đề về tỷ lệ với hệ tọa độ trên thiết bị di động.

** Tôi biết chủ đề này đã cũ, tôi chỉ đang thực hiện một số nghiên cứu bổ sung về vấn đề này cho một vấn đề chiến dịch email gần đây và nghĩ rằng nó có thể giúp ích cho người khác.

Bên thứ 3 chỉnh sửa

Câu hỏi trên litmus.com về hỗ trợ bản đồ hình ảnh là từ tháng 4 năm 2014

Bản đồ hình ảnh không hỗ trợ thẻ ALT, khi hình ảnh không được tải, văn bản ALT sẽ không được hiển thị trong một số ứng dụng khách.

Việc sử dụng bản đồ hình ảnh thường dẫn đến việc sử dụng hình ảnh lớn có thể gây ra các vấn đề về khả năng phân phối và cản trở tốc độ tải xuống (đặc biệt quan trọng đối với người dùng di động).

Và quan trọng nhất, iOS (iphone / ipad) không chia tỷ lệ tọa độ liên kết bản đồ hình ảnh khi hình ảnh được chia tỷ lệ làm hỏng các liên kết. Vì iOS chiếm phần lớn email được mở (iPhone + iPad = 38% qua http://emailclientmarketshare.com/ ) nên điều này rất quan trọng.

Có, nó vẫn được sử dụng

Bản đồ hình ảnh cho phép người dùng tạo siêu liên kết đến nhiều trang bằng cách nhấp vào các phần khác nhau của hình ảnh. Chỉ đơn giản bằng cách sử dụng bản đồ hình ảnh, chúng tôi tạo danh sách các tọa độ liên quan đến một khu vực cụ thể của cùng một hình ảnh và cung cấp siêu liên kết đến một vị trí khác. Bằng cách sử dụng điều này trong một hình ảnh duy nhất, chúng tôi cung cấp nhiều liên kết.

Hơn

bản đồ hình ảnh là tùy chọn khá thú vị trong html và html5 chúng vẫn đang được sử dụng và cá nhân tôi thích nó, do đó, tôi thấy điều đó trong các thiết bị di động, vấn đề của tôi là liên quan đến tỷ lệ

vâng tôi đã tự mình trải nghiệm nó tuy nhiên tôi là một sinh viên đăng ký học html html5 và đối với những người mới học, tôi muốn theo liên kết w3chools

http://www.w3schools.com/html/html_images.asp

bạn sẽ thu được rất nhiều từ [trang này