Terokai definisi dan peranan atribut global HTML

Teroka definisi dan peranan atribut global HTML

HTML (Hypertext Markup Language) ialah bahasa penanda yang digunakan untuk menerangkan struktur dan kandungan halaman web. Dalam HTML, atribut global ialah atribut yang digunakan pada semua elemen HTML dan mempunyai kesan global. Artikel ini akan meneroka definisi dan peranan atribut global HTML dan memberikan contoh kod khusus.

1. class

Atribut kelas digunakan untuk menentukan satu atau lebih nama kelas untuk elemen HTML. Nama kelas digunakan untuk mengenal pasti atau menggabungkan elemen, dan elemen boleh dimanipulasi dan dikawal melalui helaian gaya CSS dan JavaScript. Dengan menambahkan atribut kelas pada elemen, gaya boleh digunakan semula dan dikekalkan.

Contoh Kod:

<div class="container">
  <p class="text">Hello, World!</p>
</div>

2. id

Atribut id digunakan untuk mentakrifkan pengecam unik untuk elemen HTML. Melalui atribut id, elemen HTML tertentu boleh dimanipulasi dan dikawal dengan mudah dalam JavaScript. Dalam dokumen HTML, nilai atribut id mestilah unik.

Contoh Kod:

<div id="header">This is the header</div>

3. style

Atribut gaya digunakan untuk menentukan gaya sebaris untuk elemen HTML. Gaya sebaris ialah gaya CSS yang ditulis terus pada teg HTML, yang boleh mengatasi tetapan helaian gaya luaran atau gaya dalaman. Melalui atribut gaya, gaya boleh ditakrifkan secara individu untuk elemen tertentu.

Contoh kod:

<p style="color: blue; font-size: 16px;">This is a blue paragraph with font size of 16px</p>

4. tajuk

Atribut tajuk digunakan untuk memberikan maklumat segera tambahan untuk elemen HTML. Apabila tetikus melayang di atas elemen dengan atribut tajuk, nilai atribut tajuk dipaparkan. Atribut tajuk boleh digunakan pada kebanyakan elemen HTML dan boleh meningkatkan pengalaman pengguna dan kebolehcapaian halaman.

Contoh kod:

<button title="Click me!">Submit</button>

5. tabindex

atribut tabindex digunakan untuk mengawal susunan fokus elemen HTML. Apabila pengguna menggunakan kekunci Tab untuk menavigasi pada halaman, fokus elemen HTML akan bertukar mengikut tertib nilai atribut tabindex. Nilai atribut tabindex boleh menjadi integer positif, 0 atau -1.

Contoh kod:

<input type="text" tabindex="1">
<input type="checkbox" tabindex="2">
<input type="submit" tabindex="3">

6. data-*

data-* atribut digunakan untuk mentakrifkan atribut data tersuai untuk elemen HTML. Atribut data tersuai ini boleh digunakan dalam JavaScript untuk menyimpan beberapa data berkaitan elemen untuk memudahkan operasi dan pemprosesan seterusnya.

Contoh Kod:

<div data-user-id="123" data-user-name="John Doe">User Information</div>

7. lang

Atribut lang digunakan untuk menentukan bahasa elemen HTML. Melalui atribut lang, bahasa yang berbeza boleh ditetapkan untuk setiap elemen HTML untuk mencapai sokongan dan pengantarabangsaan laman web berbilang bahasa.

Contoh kod:

<p lang="en">Hello, World!</p>
<p lang="zh">你好，世界！</p>

Di atas adalah definisi dan fungsi beberapa atribut global HTML yang biasa digunakan Dengan menggunakan atribut global ini secara rasional, kualiti, kebolehselenggaraan dan kebolehcapaian halaman web boleh dipertingkatkan. Saya harap artikel ini dapat memberi pemahaman yang lebih mendalam kepada semua orang tentang atribut global HTML.

Atas ialah kandungan terperinci Terokai definisi dan peranan atribut global HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!