Fungsi tag <area> HTML Dan Atributnya

HTML <area> element

Referensi Belajar HTML area tag. Tutorial dan panduan mengenai element <area>...</area>. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <area>

Deskripsi 
Penjelasan HTML area

area element digunakan untuk menunjukkan area (daerah), baik sebuah teks hyperlink dan area tertentu di dalam image map (peta gambar). image map adalah gambar pemetaan yang dapat diklik pada area tertentu didalam gambar itu sendiri.

Jika area element tidak dituliskan href attribute-nya, maka area (image map) dari element tersebut tidak bisa terseleksi, maka alt attribute tidak boleh ditulis.

Attribute target, download, rel, hreflang dan type tidak boleh digunakan jika pada element area tersebut tidak disebutkan href attribute.

Jika itemprop attribute disebutkan (ditulis) pada area element, maka href attribute juga harus ditulis pada element tersebut.

Attributes 
Atribut HTML Tag <area>

[Alt]

Menunjukkan sebuah alternate text (teks pengganti) untuk area element.

Value: (text)

[Coords]

Menentukkan sebuah coordinates (koordinat) sebuah area.

Value	Untuk	Penjelasan
X1,Y1,X2,Y2	shape="rect"	Menentukkan koordinat dari kiri, atas, kanan dan bawah sudut persegi panjang (rectangle)
X,Y,radius	shape="circle"	Menentukkan koordinat pusat lingkaran (circle) dan radius
X1,Y1,X2,Y2,..,Xn,Yn	shape="poly"	Menentukkan koordinat tepi dari polygon (poligon=segi banyak). Jika pasangan koordinat pertama dan terakhir tidak sama, browser (user agent) akan menambahkan pasangan koordinat terakhir yang terdekat poligon.

[Download]

Menunjukkan bahwa target dari link tersebut akan didownload ketika user mengkliknya.

Value: (name file yang ingin di download)

[Href]

Menentukkan target dari alamat URL (Hyperlink).

Value: (URL)

[hreflang]

Menentukkan bahasa yang digunakan pada halaman yang di link.

Value: (kode bahasa)

[media]

Menentukkan media query yang digunakan pada dokumen yang dirujuk oleh link tersebut.

Value: (media query)

[rel]

Menentukkan hubungan (relationship) antara dokumen yang sedang dibuka dan dokumen lain yang dirujuk oleh link tersebut.

Value: alternate | author | bookmark | help | license | next | nofollow | noreferrer | prefetch | prev | search | tag

[Shape]

Menentukkan shape (bentuk) dari area.

Value: default | rect | circle | poly

[Target]

Menentukkan konteks jelajah dokumen yang di link, bagaimana cara membuka halaman yang dirujuk dari link tersebut?

Value: _blank | _parent | _self | _top | nama frame

[Type]

Menentukkan tipe media dari halaman yang di link.

Value: (Tipe media (media_type))

Global Attributes 
Atribut Secara Global (Keseluruhan)

<area> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes 
Atribut event (Peristiwa)

<area> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <area> element

Pengaturan awal CSS yang berlaku 

CSS untuk element <area> yang akan diberlakukan ketika awal inisial.