Sebuah atribut HTML adalah modifikator elemen HTML . HTML atribut umumnya muncul sebagai pasangan nama-nilai , dipisahkan oleh " = " , dan ditulis dalam tag awal sebuah elemen , setelah nama elemen :
<tag attribute="value"> ( konten untuk dimodifikasi oleh tag ) < / tag >
Dimana nama tag elemen HTML , atribut adalah nama atribut , set ke nilai yang disediakan .
Nilai tersebut mungkin tertutup dalam tanda kutip tunggal atau ganda , meskipun nilai-nilai yang terdiri dari karakter tertentu dapat dibiarkan kuotasi dalam HTML ( tapi tidak XHTML ) . Meninggalkan atribut nilai kuotasi dianggap tidak aman .
Meskipun sebagian besar atribut diberikan sebagai nama dipasangkan dan nilai-nilai , beberapa mempengaruhi elemen hanya dengan kehadiran mereka dalam tag awal elemen ( seperti atribut ismap untuk elemen img ) .
Sebagian besar elemen dapat mengambil salah satu dari beberapa atribut umum :
Atribut id menyediakan identifikasi unik dokumen-lebar untuk sebuah elemen . Hal ini dapat digunakan sebagai CSS pemilih untuk memberikan sifat presentasi , oleh browser untuk memusatkan perhatian pada elemen tertentu , atau dengan script untuk mengubah isi atau presentasi dari elemen . Ditambahkan ke URL dari halaman , URL langsung menargetkan elemen tertentu dalam dokumen , biasanya sub - bagian halaman . Sebagai contoh, ID " Atribut " di http://best4smile.blogspot.com/2014/01/html.html # Atribut
Kelas atribut menyediakan cara mengelompokkan unsur serupa. Hal ini dapat digunakan untuk tujuan semantik atau presentasi . Redaksional, misalnya , kelas yang digunakan dalam Microformats . Presentationally , misalnya , dokumen HTML mungkin menggunakan kelas penunjukan = " notasi " untuk menunjukkan bahwa semua elemen dengan nilai kelas ini adalah bawahan teks utama dari dokumen . Unsur-unsur tersebut dapat berkumpul bersama dan disajikan sebagai catatan kaki pada halaman bukannya muncul di tempat di mana mereka terjadi pada kode HTML .
Seorang penulis dapat menggunakan gaya kode non - attributal sifat presentasi untuk elemen tertentu . Hal ini dianggap praktik yang lebih baik untuk menggunakan id elemen atau atribut kelas untuk memilih elemen dengan stylesheet , meskipun kadang-kadang ini bisa menjadi terlalu rumit untuk aplikasi sederhana dan spesifik atau ad hoc sifat gaya .
Atribut title digunakan untuk melampirkan penjelasan subtextual ke elemen . Dalam kebanyakan browser atribut ini ditampilkan sebagai apa yang sering disebut sebagai tooltip .
Unsur singkatan , abbr , dapat digunakan untuk menunjukkan berbagai atribut :
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language"> HTML < / abbr >
Contoh ini menampilkan sebagai HTML , dalam kebanyakan browser , menunjuk kursor pada singkatan harus menampilkan teks judul " Hypertext Markup Language . "
Kebanyakan elemen juga mengambil atribut yang berhubungan dengan bahasa lang dan dir .
Atribut HTML umumnya digolongkan sebagai atribut yang diperlukan, atribut opsional, atribut standar, dan atribut event. Biasanya atribut yang diperlukan dan opsional memodifikasi elemen HTML tertentu, sedangkan atribut standar dapat diterapkan pada sebagian besar elemen HTML. Event atribut, ditambahkan dalam HTML versi 4, memungkinkan elemen untuk menentukan script yang akan dijalankan dalam keadaan tertentu.
Atribut HTML yang diperlukan dan opsional
Digunakan oleh salah satu tag
<applet> : code, object
<area> : nohref
<body> : alink, background, link, text, vlink
<dir> : dir
<form> : accept-charset, action, enctype, method
<frame> : noresize
<head> : profile
<hr> : noshade
<html> : xmlns
<img> : ismap
<input> : checked, maxlength
<label> : for
<meta> : content, http-equiv, scheme
<object>: classid, codetag, data, declare, standby
<ol> : start
<option>: selected
<param>: valuetype
<script> : defer, xml:space
<select> : multiple
<table> : cellpadding, cellspacing, frame, rules, summary
<td> : headers
Digunakan oleh dua tag
<a> dan <area>:
coords - koordinat suatu daerah atau link di dalamnya.
bentuk - bentuk suatu area atau link di dalamnya. Nilai: default, rect, lingkaran, poli.
<a> dan <link>:
HREFLANG - kode bahasa dari dokumen terkait. (a, link)
rel - Sifat dokumen terkait (relatif terhadap halaman yang sedang ditampilkan). Teks bebas untuk, tetapi link menggunakan satu set persyaratan (alternatif, bookmark, bab, isi, hak cipta, glossary, membantu, rumah, indeks, next, prev, bagian, mulai, stylesheet,).
rev - Sifat halaman yang sedang ditampilkan (relatif terhadap dokumen terkait). Bervariasi untuk dan link as untuk rel.
codebase — base URL (applet, object)
<basefont> dan <font>:
color — warna teks (deprecated) (basefont, font)
face — font family (deprecated) (basefont, font)
<col> and <colgroup>:
span — jumlah kolom membentang (col, colgroup)
<del> dan <ins>:
datetime — tanggal dan waktu penghapusan teks atau penyisipan.
<form> dan <input>:
accept — jenis file yang diterima ketika meng-upload bentuk atau masukan
<frame> and <iframe>:
frameborder — nilai (0 atau 1) menentukan apakah akan menampilkan perbatasan sekitar bingkai atau iframe.
marginheight — margin atas dan bawah dalam pixel sekitar frame atau iframe.
scrolling — nilai (yes, no, auto) menentukan apakah akan menampilkan scroll bar di sekitar bingkai atau iframe.
marginwidth — margin kiri dan kanan dalam pixel sekitar bingkai atau iframe.
<applet> Dan <object> :
archive - arsip URL ( s ) ( applet , obyek )
<frameset> dan <textarea> :
cols - jumlah kolom terlihat dalam frameset cols atau ( beberapa variasi )
rows - jumlah baris terlihat dalam frameset atau baris ( beberapa variasi )
<img> dan <object> :
usemap - menentukan nama tag peta untuk digunakan dengan img - atau - URL dari gambar - peta untuk digunakan dengan objek .
<input> dan <textarea> :
readonly - menspesifikasikan read-only teks untuk input dan textarea .
<link> dan <style> :
Media - menentukan tampilan perangkat untuk link dan gaya . Nilai : semua , aural , braille , handheld , cetak , proyeksi , layar , tty , TV .
<optgroup> dan <option> :
label - deskripsi teks untuk optgroup atau pilihan .
<td> dan <th> :
abbr - versi singkat dari sel tabel atau kop .
axis - nama kategori untuk sel tabel atau kop .
colspan - jumlah kolom direntang oleh sel tabel atau kop .
nowrap - ( usang ) mencegah pembungkus dari sel tabel atau kop .
rowspan - jumlah baris membentang oleh sel tabel atau kop .
scope - tidak berpengaruh pada tampilan browser normal , tapi menandai sel tabel atau kop sebagai header logis bagi sel-sel lain . Nilai : col , colgroup , baris , rowgroup
Digunakan oleh beberapa tag
align — applet, col, colgroup, object, tbody, td, tfoot, th, thead
— also (deprecated) in caption, div, h1 to h6, hr, iframe, img, input, legend, p, table
alt — applet, area, img, input
bgcolor — body, table, td, th, bgcolor
border — img, object, table
char — char, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>
charoff — col, colgroup, tbody, td, tfoot, th, thead, tr
charset — a, link, script
cite — blockquote, del, ins, q
compact — dir, menu, ol, ul
disabled — button, input, optgroup, option, select, textarea
height - applet, iframe, img, object — also (deprecated) td, th
href — a, area, base, link
hspace — applet, object — also (deprecated) img
longdesc — frame, iframe, img
name — a, applet, button, form, frame, iframe, input, map, meta, object, param, select, textarea
size — basefont, font, hr, input, select
src — frame, iframe, img, input, script)
target — <a>, area, base, form, link
type — button, input, li, link, object, ol, param, script, style, type
valign — col, colgroup, tbody, td, tfoot, th, thead, tr
value — button, input, li, option, param
vspace — applet, img, object
width — applet, col, colgroup, hr, iframe, img, object, pre, table, td, th
