Atribut elemen html termasuk: kunci akses, kelas, contenteditable, contextmenu, "data-*", dir, draggable, dropzone, hidden, id, lang, spellcheck, style, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Apakah atribut itu?
Atribut boleh memberikan beberapa maklumat tambahan untuk teg HTML atau mengubah suai teg HTML. Atribut perlu ditambahkan dalam teg permulaan dan format sintaks ialah:
attr="value"
attr mewakili nama atribut dan nilai mewakili nilai atribut. Nilai atribut mesti dikelilingi oleh petikan berganda " " atau petikan tunggal ' '.
Perhatikan bahawa walaupun petikan berganda dan petikan tunggal boleh mengelilingi nilai atribut, demi penyeragaman dan profesionalisme, sila gunakan petikan berganda sebanyak mungkin.
Teg tidak boleh mempunyai atribut, atau boleh mempunyai satu atau lebih atribut.
Terdapat banyak atribut HTML, yang boleh dibahagikan secara kasar kepada dua kategori:
Sesetengah atribut boleh digunakan pada kebanyakan atau semua teg HTML Kami memanggil atribut ini sebagai atribut universal ;
Sesetengah atribut hanya terpakai pada satu atau beberapa teg HTML tertentu Kami memanggil atribut ini sebagai atribut khas.
Atribut biasa (atribut global)
属性 | 描述 |
---|---|
accesskey | 设置访问元素的键盘快捷键。 |
class | 规定元素的类名(classname) |
contenteditable | 规定是否可编辑元素的内容。 |
contextmenu | 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 |
data-* | 用于存储页面的自定义数据 |
dir | 设置元素中内容的文本方向。 |
draggable | 指定某个元素是否可以拖动 |
dropzone | 指定是否将数据复制,移动,或链接,或删除 |
hidden | hidden 属性规定对元素进行隐藏。 |
id | 规定元素的唯一 id |
lang | 设置元素中内容的语言代码。 |
spellcheck | 检测元素是否拼写错误 |
style | 规定元素的行内样式(inline style) |
tabindex | 设置元素的 Tab 键控制次序。 |
title | 规定元素的额外信息(可在工具提示中显示) |
translate | 指定是否一个元素的值在页面载入时是否需要翻译 |
Atribut khas
Berikut akan memperkenalkan kepada anda atribut beberapa teg yang biasa digunakan
Atribut th>nilai | penerangan | |||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
charset | char_encodingHTML5 tidak disokong.
|
|||||||||||||||||||||||||||||||||||||||
koordinat | koordinat | HTML5 tidak disokong. Menentukan koordinat pautan. |
||||||||||||||||||||||||||||||||||||||
muat turun | nama fail | Nyatakan pautan muat turun | ||||||||||||||||||||||||||||||||||||||
href | URL | Menentukan URL sasaran pautan. | ||||||||||||||||||||||||||||||||||||||
hreflang | language_code | Menentukan bahasa asas URL sasaran. Hanya digunakan jika atribut href ada. | ||||||||||||||||||||||||||||||||||||||
media | media_query | Menentukan jenis media URL sasaran. Nilai lalai: semua. Hanya digunakan jika atribut href ada. | ||||||||||||||||||||||||||||||||||||||
nama | section_name | HTML5 tidak disokong. Nyatakan nama sauh. | ||||||||||||||||||||||||||||||||||||||
rel | ganti pengarang penanda buku bantuan lesen seterusnya nofollow noreferrer praambil sebelumnya cari tag |
Menentukan hubungan antara dokumen semasa dan URL sasaran. Hanya digunakan jika atribut href ada. | ||||||||||||||||||||||||||||||||||||||
rev | teks | HTML5 tidak disokong. Menentukan hubungan antara URL sasaran dan dokumen semasa. | ||||||||||||||||||||||||||||||||||||||
bentuk | lalai rect circle poli |
HTML5 tidak disokong. Menyatakan bentuk pautan. | ||||||||||||||||||||||||||||||||||||||
sasaran | _kosong _ibu bapa _diri _top framename |
|
||||||||||||||||||||||||||||||||||||||
type | MIME_type | Menentukan MIME bagi jenis URL sasaran. Hanya digunakan jika atribut href ada. Nota: MIME = Sambungan Mel Internet Serbaguna. |