แท็ก <saille> ส่วนใหญ่ใช้สำหรับแผนที่รูปภาพ ผ่านแท็กนี้พื้นที่ที่ใช้งานอยู่ (หรือที่เรียกว่าจุดร้อน) สามารถตั้งค่าในแผนที่ภาพ ด้วยวิธีนี้เมื่อเมาส์ของผู้ใช้ย้ายไปยังพื้นที่ที่ใช้งานอยู่และคลิกที่ระบุมันจะเชื่อมโยงไปยังหน้าชุดล่วงหน้าโดยอัตโนมัติ โครงสร้างไวยากรณ์พื้นฐานของมันมีดังนี้:
<พื้นที่คลาส = ประเภท id = ค่า href = url alt = รูปร่างข้อความ = พื้นที่พื้นที่เย็นลง = ค่า>
คลาสและ ID: เป็นประเภทและหมายเลข ID ที่ระบุฮอตสปอตตามลำดับ
Alt: ข้อความทางเลือกที่ใช้ในการตั้งค่าฮอตสปอต
HREF: ใช้ในการตั้งค่าที่อยู่ URL ที่เชื่อมโยงฮอตสปอต
รูปร่างและ Coords: เป็นสองพารามิเตอร์หลักซึ่งใช้ในการตั้งค่ารูปร่างและขนาดของฮอตสปอต การใช้งานขั้นพื้นฐานมีดังนี้:
<shape areal = rect coordinates = x1, y1, x2, y2 href = url> หมายความว่าชุดฮอตสปอตเป็นสี่เหลี่ยมผืนผ้าพิกัดจุดยอดของมุมซ้ายบนคือ (x1, y1) และพิกัดจุดยอดของมุมล่างขวาคือ (x2, y2)
<รูปร่างพื้นที่ = พิกัดวงกลม = x1, y1, r href = url> หมายความว่ารูปร่างของฮอตสปอตที่ตั้งคือวงกลมพิกัดกลางคือ (x1, y1) และรัศมีคือ r
<shape areal = poligon พิกัด = x1, y1, x2, y2 ...... href = url> หมายความว่ารูปร่างของชุดฮอตสปอตเป็นรูปหลายเหลี่ยมและพิกัดของแต่ละจุดยอดคือ (x1, y1), (x2, y2), (x3, y3) .......
หมายเหตุ: ตำแหน่งของจุดเหล่านี้ x1, y1, x2, y2 ถูกกำหนดตามรูปภาพไม่ใช่ขนาดของหน้าต่าง
แท็ก <seaale> แบ่งพื้นที่การแสดงในแผนที่รูปภาพดังนั้นพื้นที่การแสดงที่แบ่งออกจะต้องอยู่ในพื้นที่ของแผนที่ภาพ ดังนั้นก่อนที่จะหารพื้นที่ด้วยแท็ก <saila> คุณต้องใช้แท็ก HTML อื่น ๆ <pal> เพื่อตั้งค่าพื้นที่การกระทำของแผนที่รูปภาพและตั้งชื่อสำหรับแผนที่รูปภาพที่ระบุ การใช้งานของแท็กนี้ง่ายมากนั่นคือ <ชื่อแผนที่ = ชื่อแผนที่ภาพ> ...... </map>
ต่อไปนี้เป็นตัวอย่างเพื่อแสดงการใช้เครื่องหมายทั้งสองนี้:
นี่คือภาพของชั้นหนังสือใหม่ เอฟเฟกต์คือ: เมื่อคลิกที่หนังสือหน้าต่างใหม่จะเปิดขึ้นเพื่อแสดงหน้าบทนำและคำสั่งซื้อของหนังสือ (urlall.htm); เมื่อคลิกที่หนังสือกลยุทธ์การออกแบบเว็บไซต์หน้าต่างใหม่จะเปิดขึ้นเพื่อแสดงหน้าบทนำและการสั่งซื้อของหนังสือเล่มนี้ (siteall.htm); เมื่อคลิกที่หนังสือเล่มนี้เปิดหน้าต่างใหม่เพื่อแสดงหน้าบทนำและการสั่งซื้อของหนังสือ (pagejqlall.htm) วิธีทำ:
1. แทรกรูปภาพตั้งค่าพารามิเตอร์ที่เกี่ยวข้องของภาพและตั้งค่าพารามิเตอร์ usemap = newbook ismap ในแท็ก <Img> เพื่อแสดงการอ้างอิงไปยังแผนที่รูปภาพ (newbook);
2. ใช้ <pal> เพื่อตั้งค่าพื้นที่การกระทำของแผนที่รูปภาพและตั้งชื่อ: newbook;
3. ใช้ <saila> เครื่องหมายเพื่อแบ่งพื้นที่แอ็คชั่นสี่เหลี่ยมสามแบบตามตำแหน่งของหนังสือสามเล่มและตั้งค่าพารามิเตอร์ลิงก์ของพวกเขา HREF
เสร็จสิ้นการผลิตซอร์สโค้ดของตัวอย่างนี้มีดังนี้:
คัดลอกรหัส