Latest web development tutorials

atribut id HTML

HTML global Atribut HTML global Atribut

contoh

Melalui penggunaan JavaScript untuk menangani atribut teks id:

<Html>
<Head>
<Script type = "text / javascript">
Fungsi displayResult ()
{
document.getElementById ( "myHeader") innerHTML = "Have a nice day!" .;
}
</ Script>
</ Kepala>

<Body>
<H1 id = "myHeader"> Hello World! </ H1>
<Tombol onclick = "displayResult ()"> Ganti text </ button>
</ Body>

</ Html>

Coba »

Bagian bawah berisi lebih kasus.

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung atribut id


Definisi dan Penggunaan

Atribut id menentukan elemen id HTML yang unik.

id dalam dokumen HTML harus unik.

atribut id dapat digunakan sebagai link anchor (anchor link), melalui JavaScript (HTML DOM) atau diubah atau ditambahkan oleh gaya CSS untuk elemen dengan id yang diberikan.


Perbedaan antara HTML 4.01 dan HTML5

Dalam HTML5, atribut id dapat digunakan dengan elemen HTML (akan memverifikasi bahwa setiap elemen HTML, tetapi belum tentu berguna).

Dalam HTML 4.01, atribut id tidak dapat digunakan: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, dan <title>.

Catatan: HTML 4.01 untuk nilai id, ada batas-batas yang ketat (misalnya: di HTML nilai 4.01 id tidak dapat memulai dengan angka).


tatabahasa

<Elemenid = "id">

Nilai properti

nilai deskripsi
id

Satu-satunya elemen dari id yang ditentukan.

Penamaan aturan:

  • Harus dimulai dengan huruf AZ atau az
  • karakter berikutnya: huruf (A-Za-z), angka (0-9), tanda hubung ( "-"), garis bawah ( "_"), usus besar ( ":") dan titik ( ".")
  • Nilai adalah kasus sensitif


contoh

contoh yang lebih

atribut id di CSS
Cara menggunakan atribut id untuk elemen dalam CSS untuk gaya


HTML global Atribut HTML global Atribut