Cara mengatur atau mengubah nilai suatu atribut menggunakan jQuery

perpustakaan jQuery memberikan kemampuan untuk mengatur atau mengubah nilai atribut dalam dua cara. Untuk mengatur dan mengubah nilai atribut, metode .attr() digunakan. Kami telah membicarakan metode ini - selain menginstal atau mengubah, menggunakan metode ini kami dapat melakukannya.

• attr(nama, nilai)
  • Menetapkan atribut yang ditentukan ke nilai yang diteruskan untuk semua elemen di objek jQuery.
• Pilihan
  • name — (String) Nama atribut yang akan disetel.
  • value — (String | Number | Boolean | Function) Menentukan nilai atribut, yang dapat berupa ekspresi JavaScript apa pun. Nilai apa pun selain fungsi dikonversi menjadi string. Fungsi ini dipanggil untuk setiap elemen dalam himpunan, meneruskan indeks elemen dan nilai atribut saat ini dengan nama tertentu dalam elemen tersebut. Nilai yang dikembalikan oleh fungsi menjadi nilai atribut.
• Kembali
  • koleksi jQuery.

Contoh penggunaan:

$("#gambar_saya").attr("judul", "Gambar Saya");

Opsi pertama menggunakan metode ini sekilas tampak sederhana, tetapi sebenarnya tidak! Seperti yang telah kita pahami, parameter (nilai) kedua dari metode .attr() mengambil nilai yang akan ditetapkan. nilai bisa berupa apa saja Ekspresi JavaScript yang pada akhirnya akan mengembalikan string.

Akan lebih menarik jika parameter value adalah fungsi bawaan atau referensi fungsi. Dalam kasus seperti ini, fungsi dipanggil untuk setiap elemen yang diambil, dengan nilai kembalian fungsi tersebut digunakan sebagai nilai atribut. Ketika suatu fungsi dipanggil, dua parameter dilewatkan. Salah satunya berisi indeks berbasis nol dari elemen dalam kumpulan, dan yang lainnya berisi nilai atribut saat ini dengan nama elemen. Selain itu, elemen ditetapkan sebagai konteks fungsi (ini) untuk memanggilnya. Hal ini memungkinkan fungsi untuk menyesuaikan pemrosesannya untuk setiap elemen tertentu - manfaat utama menggunakannya dengan cara ini.

Contoh penggunaan sebagai nilai fungsi metode .attr():

$("").attr("title", function(index, previousValue) ( ​​​​return previousValue + "Saya elemen " + indeks + " dan nama saya adalah " + (this.id || "unset"); ));

Dengan metode ini kita berada di halaman semua elemen HTML, yang memiliki atribut title, dan mengubah atribut setiap elemen. Perubahan terjadi dengan menambahkan string ke nilai yang ada yang dibuat menggunakan indeks elemen di DOM dan pengidentifikasi atribut setiap elemen tertentu, jika ada, atau jika tidak— baris 'tidak disetel' (memungkinkan Anda mengatur ulang semua pengaturan).

Kegunaan kedua dari metode .attr() adalah untuk mengatur/mengubah nilai beberapa atribut sekaligus.

• attr(atribut)
  • Menggunakan properti dan nilai yang ditentukan oleh objek yang diteruskan untuk menyetel atribut yang sesuai pada semua elemen dari himpunan terkait.
• Pilihan
  • name — (String) Nama atribut yang akan disetel.
  • atribut — Objek yang propertinya disalin sebagai atribut ke semua elemen dalam kumpulan.
• Kembali
  • koleksi jQuery.

Dengan menggunakan pilihan ini Dengan menggunakan metode attr() Anda dapat dengan cepat mengubah atau menetapkan nilai beberapa atribut di semua elemen kumpulan. Metode ini mengambil satu parameter dan itu harus berupa objek. Properti objek adalah nama atribut yang ingin kita kerjakan.

Contoh penggunaan:

$("input").attr(( value: "", placeholder: "Cari situs", title: "Silakan masukkan nilai" ));

Mari kita lihat contoh di atas. Kami berada di halaman dengan semua elemen masukan dan perubahan atribut nilai, placeholder dan judul semua elemen yang ditemukan, jika ada, dan jika tidak, tambahkan.

PERINGATAN

Mengubah atribut type dari elemen input atau tombol yang dibuat melalui metode document.createElement() menghasilkan pengecualian di browser Penjelajah Internet 6 — 8.

Setiap atribut, kecuali atribut boolean, memiliki nilai yang mengacu pada salah satu atribut tersebut jenis berikut: kata kunci, string, alamat, angka, persentase, kode bahasa. Ini tidak semua jenis, tetapi yang paling umum.

Beberapa atribut memiliki nilai khusus yang disebut "kata kunci". Misalnya, nilai atribut type suatu elemen menentukan tipe elemen form. Elemen di bawah ini membuat tombol.

Kata kunci tunduk pada spesifikasi; daftar maknanya terbatas dan tidak dapat diubah secara sewenang-wenang.

Baris adalah teks yang diapit tanda ganda atau kutipan tunggal.

Tanda kutip mendefinisikan awal dan akhir sebuah string, sehingga Anda tidak dapat menempatkan tanda kutip tambahan di dalam sebuah string. Misalnya, baris berikut menggunakan kombinasi tanda kutip yang salah.

Inilah garisnya atribut judul diapit oleh tanda kutip tunggal, sehingga kita dapat dengan mudah menulis tanda kutip ganda di dalamnya.

Semua ini bekerja dengan cara yang sama untuk tanda kutip tunggal.

Alamat adalah jalur ke dokumen, misalnya file grafik. Alamat diperlukan jika tautan dibuat ke suatu situs, halaman web lain, atau diunduh berkas tertentu. Misalnya pada elemen alamat digunakan sebagai nilai atribut src; ini menentukan jalur ke file dengan gambar.

Ada alamat absolut dan relatif.

Alamat tersebut berfungsi di mana saja dan di mana saja, terlepas dari nama situs atau halaman web tempat alamat tersebut ditetapkan dan selalu dimulai dengan indikasi protokol transfer data. Untuk halaman web biasanya HTTP (HyperText Protokol Transfer, protokol transfer hypertext), oleh karena itu, alamat absolut dimulai dengan kata kunci http://. Contoh 1 menunjukkan link yang menggunakan alamat absolut.

Contoh 1: Menggunakan alamat absolut dalam sebuah tautan

Link

Google

Kecuali protokol HTTP ada dan dilindungi protokol HTTPS. Tidak selalu jelas protokol mana yang digunakan di suatu situs, sehingga dapat dihilangkan sama sekali dari alamat tautan. Alamat dalam hal ini akan ditulis seperti ini:

Google

Alamat absolut digunakan terutama untuk menunjuk ke sumber daya jaringan lain dan jarang digunakan untuk tautan internal.

Alamat relatif ditentukan dari akar situs atau dokumen saat ini. Misalnya kode berarti mengunduh file grafik bernama pic.png, yang terletak di folder yang sama dengan halaman web itu sendiri. Selanjutnya, mari kita lihat beberapa contoh alamat tersebut.

/
Alamatnya biasanya menunjuk ke file index.html, yang terletak di root situs. Jika file index.html tidak ada, browser biasanya akan menampilkan daftar file yang terletak di direktori tertentu. Nama file tidak harus index.html, parameter ini dapat diubah melalui pengaturan server web - ini adalah nama program yang menganalisis permintaan yang datang dari browser dan mengirimkan dokumen yang ditampilkan kepada pengguna ke dalamnya.

/gambar/gambar.png
Tanda hubung (/) sebelum alamat menunjukkan bahwa pengalamatan dimulai dari root situs. Tautan tersebut mengarah ke file pic.png, yang terletak di folder gambar. Dan itu, pada gilirannya, terletak di akar situs.

../help/me.html
Dua titik di depan nama memberitahu browser untuk naik satu tingkat lebih tinggi dalam daftar folder situs dan di sana "lihat" di folder bantuan untuk file bernama me.html.

manual/info.html
Jika tidak ada kata sebelum nama folder karakter tambahan, seperti titik atau garis, maka folder tersebut terletak di dalam folder saat ini, dan file info.html sudah ada di dalamnya.

Alamat yang berhubungan dengan root situs seperti /demo/ hanya berfungsi di bawah kendali server web dan seterusnya komputer lokal tidak berlaku.

Tautan

Lihat fotoku!

Bagaimana cara mengambil foto yang sama?

Terkadang Anda dapat menemukan alamat dalam bentuk ./file/doc.html. Titik di depan berarti hitungan mundur berasal dari folder saat ini. Entri serupa berlebihan dan dapat disingkat menjadi file/doc.html.

Angka terdiri dari angka 0 sampai 9; Untuk bilangan negatif, bila perlu diberi tanda minus di depan (-45). Contoh 3 menunjukkan penggunaan angka sebagai nilai atribut.

Contoh 3: Menggunakan angka

Angka

Suhu air

Selain bilangan bulat, diperbolehkan menggunakan pecahan desimal, dengan bilangan bulat dan bagian pecahan dipisahkan satu sama lain dengan titik - 36,6, seperti yang ditunjukkan pada contoh 4.

Contoh 4. Bilangan pecahan

masukan, atribut maks

Masukkan suhu Anda dalam derajat:

Notasi persentase memungkinkan Anda mengambil dimensi elemen induk dan mengatur dimensi relatif terhadapnya. Katakanlah kita memiliki kode berikut:

Elemen terletak di dalam

Oleh karena itu elemennya

Akan menjadi orang tua . Kebalikannya juga benar - elemen merupakan anak perusahaan dari

Oleh karena itu, di dalam hal ini Lebar gambar sebagai persentase dihitung dari paragraf induk, yang secara default menempati seluruh ruang kosong lebar jendela.

Browser memahami bahwa kita berbicara tentang persentase jika simbol % ditambahkan setelah angka, misalnya: width="40%" .

Contoh 5 menunjukkan kode untuk halaman web yang lebar gambarnya ditentukan dalam persentase.

Contoh 5. Dimensi gambar dalam persentase

Gambar

Hasil dari contoh ini ditunjukkan pada Gambar. 1. Lebar gambar disetel ke 100%, sehingga memenuhi seluruh lebar jendela browser yang tersedia. Ketinggiannya tidak ditentukan dan dihitung secara otomatis oleh browser.

Beras. 1. Ukuran gambar dalam persentase

Keuntungan perekaman persentase adalah ukuran gambar berubah seiring dengan lebar jendela browser, bukannya tetap statis. Kerugiannya termasuk penurunan kualitas gambar saat diregangkan secara berlebihan.

Kita hidup di era globalisasi, ketika situs web memuat teks dalam berbagai bahasa. Untuk menunjukkan mesin pencari, bahasa apa yang digunakan untuk menulis teks dan atur pengaturannya bahasa yang berbeda(jenis kutipan, misalnya) dan bahasa teks ditunjukkan dalam bentuk kode. Atribut lang digunakan untuk mengatur bahasa (contoh 6).

Contoh 6: Menggunakan atribut lang

bahasa

Frasa dalam bahasa Perancis

Saya tidak bisa melakukannya selama enam hari

DI DALAM dalam contoh ini seluruh halaman disetel ke bahasa Rusia menggunakan atribut lang dengan nilai ru . Untuk menunjukkan bahwa bahasa tersebut berlaku untuk seluruh halaman, atribut ditambahkan ke . Untuk teks Perancis, atribut lang dengan nilai fr ditambahkan ke elemen

Anda dapat melihat nilai valid untuk atribut lang di halaman ini.

Pembaruan terakhir: 11/1/2015

Pada bab sebelumnya, kita mempelajari cara mendapatkan elemen menggunakan penyeleksi dan berbagai metode, bagaimana menyempurnakan pilihannya, hanya menyisakannya saja elemen yang diperlukan. Namun, seleksi itu sendiri tidak akan menjadi penting jika jQuery tidak mendukung manipulasi elemen yang dipilih. Oleh karena itu, mari kita lihat manipulasi elemen apa yang dapat kita lakukan menggunakan jQuery.

Pustaka jQuery menawarkan kepada kita alat untuk memanipulasi properti dan atribut elemen. Namun sebelum beralih ke metode jQuery sebenarnya, perlu diperhatikan perbedaan properti dan atribut.

Atribut merupakan elemen markup suatu elemen seperti id, style, class dan lain-lain. Properti mewakili elemen objek javascript.

Terlepas dari perbedaan ini, terdapat pemetaan antara properti dan atribut. Jadi, atribut id akan sesuai dengan properti id. Misalnya, kami memiliki tautan:

Artinya, nilai atribut id akan ditampilkan di konsol. Pada saat yang sama, tidak semua atribut memiliki kelas dengan nama yang sama. Jadi, atribut class berhubungan dengan properti className.

Untuk bekerja dengan properti, jQuery memiliki metode prop(). Untuk mendapatkan nilai properti, kita perlu meneruskan nama properti ke metode ini. Misalnya, ini adalah bagaimana kita bisa mendapatkan semua alamat tautan pada suatu halaman:

$("a").each(function(index,elem)( console.log($(elem).prop("href")); ));

Untuk mengubah nilai properti, Anda hanya perlu meneruskan nilai baru sebagai parameter kedua:

$("a").first().prop("href","33.html");

Untuk menghapus properti, kita dapat menggunakan metode deleteProp("property_name") :

$("a").pertama().removeProp("href");

Setelah ini, properti akan diberi nilai baru: undefinisi, yang menunjukkan bahwa properti tersebut tidak ditentukan.

Bekerja dengan atribut dalam banyak hal mirip dengan bekerja dengan properti. Jadi, untuk mendapatkan nilai atribut suatu elemen, kita perlu menggunakan metode attr("attribute_name") :

$("a").each(function(index,elem)( console.log($(elem).attr("href")); ));

Tindakan metode ini mirip dengan apa yang diberikan untuk metode prop: keluaran ke konsol semua alamat tautan.

Dan dengan meneruskan nilai sebagai parameter kedua ke metode attr, Anda dapat menetapkan nilai baru untuk atribut tersebut:

$("a").first().attr("href","33.html");

Dan juga untuk menghapus nilai atribut, kita dapat menggunakan metode deleteAttr("attribute_name") :

$("a").pertama().removeAttr("href");

Harap dicatat bahwa jika dalam kasus penghapusan properti melalui metode hapusProp, atribut yang sesuai dengan properti tetap ada, hanya saja properti tersebut diberi nilai properti, yaitu, tidak ditentukan, maka ketika menghapus atribut menggunakan deleteAttr, atribut tersebut dihapus dari markup elemen.

HTML5 memperkenalkan fungsionalitas seperti atribut khusus. Esensinya adalah kita dapat menerapkan atribut tambahan ke elemen, yang akan menyimpan sebagian arti tambahan. Atribut serupa dimulai dengan awalan data-, diikuti dengan nama sebenarnya dari atribut dan nilainya. Misalnya, pada contoh berikut saya menambahkan atribut data-year yang akan menyimpan tahun:

• Jawa
• C/C++

Untuk bekerja dengan atribut tersebut, metode data digunakan. Dia punya pilihan berikut kegunaan:

data("nama atribut") : Mendapatkan nilai atribut elemen pertama dari himpunan. Nama atribut tanpa awalan diteruskan sebagai parameter data-

Jadi, kita bisa mendapatkan nilai atribut dari contoh sebelumnya seperti ini:

Console.log($("ul").data("tahun"));

data() : Mengembalikan objek javascript yang berisi sekumpulan atribut dan nilainya sebagai pasangan nilai kunci.

Misalnya, kita memiliki elemen dengan dua atribut:

Kemudian metode data() akan mengembalikan objek (description:"lang", year:"2010") . Dan untuk mendapatkan nilai suatu atribut individual, Anda dapat menulis seperti ini:

Console.log($("ul").data().tahun);

data("attribute", "new value") : menyetel nilai atribut ke string yang diteruskan sebagai parameter kedua:

$("ul").first().data("tahun", "2012");

Nilai baru juga dapat berupa keseluruhan objek javascript, dan atribut ini akan berisi seluruh objek ini sebagai nilainya:

$("ul").first().data("lang", ( tarif: "tiobe", tahun: 2012 ));

Jika kita ingin menghapus suatu atribut, maka untuk melakukannya kita perlu menggunakan metode deleteData("attribute_name") .

Anda bisa mendapatkan dan menetapkan nilai atribut untuk elemen dalam objek jQuery. Metode untuk bekerja dengan atribut disajikan.

Tabel 8-2: Metode bekerja dengan atribut

Metode	Keterangan
attr(nama)	Mendapatkan nilai atribut dengan nama yang ditentukan untuk elemen pertama dalam objek jQuery
attr(nama, nilai)	Menetapkan nilai atribut yang ditentukan dengan nama yang ditentukan untuk semua elemen dalam objek jQuery
attr(peta)	Menetapkan atribut yang ditentukan dalam peta (objek) untuk semua elemen dalam objek jQuery
attr(nama, fungsi)	Menetapkan atribut yang ditentukan pada semua elemen dalam objek jQuery menggunakan fungsi
hapusAttr(nama) hapusAttr(nama)	Menghapus atribut dari semua elemen dalam objek jQuery
menopang (nama)	Mengembalikan nilai properti yang ditentukan untuk elemen pertama dalam objek jQuery
prop(nama, nilai) menopang (peta)	Menetapkan nilai satu atau lebih properti untuk semua elemen dalam objek jQuery
prop(nama, fungsi)	Menetapkan nilai properti yang ditentukan untuk semua elemen dalam objek jQuery menggunakan fungsi
hapusProp(nama)	Menghapus properti tertentu dari semua elemen dalam objek jQuery

Ketika metode attr dipanggil dengan satu argumen, jQuery mengembalikan nilainya atribut yang ditentukan untuk elemen pertama dalam seleksi. Berisi contoh.

Listing 8-1: Membaca nilai atribut Contoh var srcValue = $("img").attr("src"); console.log("Nilai atribut: " + srcValue); )); Toko Bunga Jacqui Astor: Bakung: Mawar:

peoni:

Primula:

Tetesan Salju: Lakukan Pemesanan

Dalam skrip ini, saya memilih semua elemen img dalam dokumen dan kemudian menggunakan metode attr untuk mendapatkan nilai atribut src. Hasil dari metode attr ketika mendapatkan nilai atribut adalah string yang saya cetak ke konsol. Berikut hasil menjalankan skrip ini:

Nilai atribut: astor.png

Anda dapat menggabungkan metode masing-masing dan attr untuk mendapatkan nilai atribut untuk semua elemen dalam objek jQuery. Saya menjelaskan masing-masing metode di Bab 5, dan saya menunjukkan bagaimana Anda dapat menggunakannya dalam situasi ini.

Listing 8-2: Menggunakan metode masing-masing dan attr untuk mendapatkan nilai atribut dari beberapa elemen $(document).ready(function () ( $("img").each(function (index, elem) ( var srcValue = $ (elem) .attr("src"); console.log("Nilai atribut: " + srcValue ));

Ketika metode attr digunakan untuk menetapkan nilai suatu atribut, perubahan diterapkan ke semua elemen dalam objek jQuery. Ini adalah kebalikan dari versi read-attribute-value dari metode ini, yang mengembalikan nilai atribut hanya satu elemen. Saat Anda menetapkan atribut, metode attr mengembalikan objek jQuery, yang berarti Anda dapat merangkai metode tersebut. Menunjukkan cara menetapkan atribut.

Listing 8-3: Penetapan atribut $(document).ready(function () ( $("img").attr("src", "lily.png"); ));

Dalam skrip ini, saya telah memilih semua elemen img dan mengatur atribut src ke lily.png. Nilai ini diterapkan pada atribut src untuk semua elemen yang dipilih. Hasilnya bisa dilihat di.

Gambar 8-1: Instalasi nilai yang sama atribut untuk beberapa elemen Menetapkan beberapa atribut

Anda dapat menetapkan beberapa atribut dalam satu pemanggilan metode dengan menambahkan objek ke metode attr. Properti objek ini diartikan sebagai nama atribut, dan nilai properti diartikan sebagai nilai atribut. Objek seperti ini disebut peta. Sebuah contoh disajikan.

Listing 8-4: Menetapkan beberapa atribut menggunakan objek peta $(document).ready(function () ( var attrValues ​​​​= ( src: "lily.png", style: "border: bold solid red" ); $( "img" ).attr(attrValues));

Dalam skrip ini, saya membuat objek peta dengan properti src dan style. Dalam dokumen, saya memilih elemen img dan menambahkan objek peta ke metode attr. Hasilnya bisa dilihat di.

Nasihat

Meskipun dalam contoh ini saya langsung menugaskannya properti gaya jQuery memiliki beberapa metode yang membuat bekerja dengan CSS lebih mudah. Untuk informasi lebih lanjut, lihat bagian "Bekerja dengan CSS" nanti di bab ini.

Gambar 8-2: Menetapkan beberapa atribut menggunakan metode attr
Menetapkan nilai atribut secara dinamis

Nilai yang Anda tetapkan untuk suatu atribut dapat diubah dengan menambahkan fungsi ke metode attr. Sebuah contoh ditampilkan.

Listing 8-5: Menetapkan nilai atribut menggunakan fungsi $(document).ready(function () ( $("img").attr("src", function (index, oldVal) ( if (oldVal.indexOf ("mawar") > -1) ( return "lily.png"; ) else if ($(this).closest("#row2").length > 0) ( return "carnation.png"; ) )); ));

Argumen yang diteruskan ke fungsi adalah indeks elemen yang sedang diproses dan nilai atribut yang lama. Variabel this menunjuk ke HTMLElement yang sedang diproses. Jika Anda ingin mengubah atribut, fungsi Anda harus mengembalikan string yang berisi nilai baru. Jika tidak ada hasil yang dikembalikan, maka nilai yang ada akan digunakan. Dalam contoh ini, saya menggunakan fungsi untuk secara selektif mengubah gambar yang diwakili oleh elemen img. Hasilnya bisa dilihat di.

Gambar 8-3: Mengubah nilai atribut menggunakan suatu fungsi
Menghapus atribut

Anda dapat menghapus atribut menggunakan metode deleteAttr, seperti yang ditunjukkan pada .

Listing 8-6: Menghapus nilai atribut $(document).ready(function () ( $("img").attr("style", "border: bold solid red"); $("img:odd" ).removeAttr("gaya");

Dalam contoh ini saya menggunakan metode attr untuk mengatur atribut gaya, lalu gunakan metode deleteAttr untuk menghapus atribut yang sama dari elemen ganjil. Hasilnya bisa dilihat di.

Gambar 8-4: Menghapus atribut dari elemen
Bekerja dengan Properti

Untuk setiap jenis metode attr, ada metode prop yang sesuai. Perbedaannya adalah metode prop beroperasi pada properti yang ditentukan oleh objek HTMLElement, bukan pada nilai atribut. Seringkali atribut dan propertinya sama, tetapi tidak selalu. Contoh sederhananya adalah atribut kelas, yang direpresentasikan dalam objek HTMLElement menggunakan properti className. Berikut ini menunjukkan cara menggunakan metode prop untuk membaca properti ini.

Listing 8-7: Menggunakan metode prop untuk membaca nilai properti $(document).ready(function () ( $("*").each(function (index, elem) ( console.log("Element: " + elem.tagName + " " + $(elem).prop("className"));

Dalam contoh ini, saya memilih semua elemen yang memiliki atribut kelas dan menggunakan metode masing-masing untuk membuat daftarnya. Untuk setiap elemen, saya mencetak tipe dan nilai properti className ke konsol.

Elemen HTML dapat memiliki atribut. Atribut dimaksudkan untuk ditambahkan informasi tambahan tentang elemen dan/atau untuk mengubah perilaku defaultnya. Atribut selalu ditentukan di dalam tag pembuka. Dalam kebanyakan kasus, atribut bersifat opsional dan ditentukan hanya jika diperlukan. Satu elemen tidak boleh mengandung dua atau lebih atribut yang memiliki nama yang sama. Sintaks elemen dengan atribut:

Atribut terdiri dari pasangan: atribut_nama="nilai" . Nama atribut tidak membedakan huruf besar dan kecil dan dapat ditulis dengan kombinasi huruf kecil dan apa pun huruf kapital. Nilai atribut dapat terdiri dari teks, angka, dan karakter lain (satu-satunya pengecualian adalah karakter ampersand (&), yang tidak diperbolehkan). Pembatasan tambahan Penggunaan karakter yang berbeda dalam suatu nilai atribut bergantung pada cara penulisan nilai tersebut. Saat menentukan beberapa atribut dalam satu elemen, atribut tersebut harus dipisahkan satu sama lain dengan karakter spasi. Urutan atribut tidak menjadi masalah.

isi

isi

Atribut dapat ditulis dalam empat cara dalam berbagai cara:

Atribut kosong

Atribut yang nilainya sesuai dengan nama atribut disebut boolean atau kosong. Untuk atribut tipe boolean sintaks didukung di mana indikasi eksplisit dari nilai atribut dapat dihilangkan dengan hanya menulis namanya, dalam hal ini nilainya akan ditentukan secara implisit string kosong:

Adanya atribut Boolean pada suatu elemen merupakan nilai sebenarnya, sedangkan tidak adanya atribut Boolean merupakan nilai salah. Jika atribut tersebut ada, nilainya dapat berupa string kosong atau nilainya harus sesuai dengan nama atribut.

Kata kunci dan atribut yang disebutkan

Beberapa atribut dapat mengambil satu kata kunci dari kumpulan kata kunci yang valid sebagai nilai kata kunci. Atribut seperti ini disebut atribut enumerable. Setiap kata kunci berhubungan dengan keadaan tertentu (beberapa kata kunci berhubungan dengan keadaan yang sama, dalam hal ini keduanya merupakan sinonim satu sama lain).

Jika atribut yang disebutkan digunakan, nilainya harus cocok dengan salah satu kata kunci yang ditentukan untuk atribut tersebut. Nilai yang hilang, seperti pada atribut boolean, tidak diperbolehkan:

Halo!

Halo!

Catatan: String kosong ("") dapat berupa kata kunci yang valid.

Halo!

Atribut dengan nilai tanpa tanda kutip

Sintaks dengan menghilangkan tanda kutip di sekitar nilai atribut berarti bahwa nama atribut, setelah tanda "=", akan diikuti dengan nilai atribut, yang tidak boleh mengandung karakter spasi. tanda kutip ganda(“”), tanda kutip (“”) dan jenis tanda kutip lainnya, karakter “=”, tanda kurung siku (< и >), selain itu, nilainya tidak boleh berupa string kosong.

Atribut yang bernilai dalam tanda kutip tunggal (apostrof)

Nilai atribut yang diapit tanda kutip tunggal tidak boleh mengandung tanda kutip ganda ("), tetapi boleh mengandung tanda kutip ganda (").

Atribut dengan nilai dalam tanda kutip ganda

Nilai atribut yang diapit tanda kutip ganda dapat berisi karakter apa saja, termasuk apostrof ("), kecuali tanda kutip ganda (").

Catatan: Satu elemen tidak boleh berisi dua atau lebih atribut dengan nama yang sama.