© Khmer Angkor Academy - sophearithput168

ឈ្មោះ (Names & Identifiers)

Global Attributes: class និង id

Attributes ដូចជា src ប្រើបានតែជាមួយ <img> ប៉ុណ្ណោះ ប៉ុន្តែនៅក្នុង HTML មាន Global Attributes មួយចំនួនដែល អាចប្រើបានជាមួយគ្រប់ Element ទាំងអស់! ក្នុងចំណោមនោះ class និង id គឺជាស្តេចនៃ Attributes ព្រោះពួកវាត្រូវបានប្រើស្ទើរតែរាល់បន្ទាត់ ដើម្បីផ្តល់ឈ្មោះអោយ Element។


១. ការប្រើប្រាស់ class Attribute

class ត្រូវបានប្រើសម្រាប់ដាក់ ឈ្មោះក្រុម (Group name) ទៅអោយ Elements។ នៅពេលអ្នកចង់តុបតែង Elements ជាច្រើនអោយមានរាងរៅដូចគ្នា អ្នកគ្រាន់តែដាក់ឈ្មោះ Class ដូចគ្នាអោយពួកវាជាការស្រេច។

ច្បាប់មាស៖ ឈ្មោះ class មួយ អាចប្រើបាន រាប់ពាន់ដង នៅក្នុងទំព័រតែមួយ!


២. ការប្រើឈ្មោះ class ច្រើនក្នុងពេលតែមួយ (Multiple Classes)

ចំនុចខ្លាំងបំផុតរបស់ class គឺអ្នកអាចផ្តល់ឈ្មោះវាច្រើន ទៅអោយ Element តែមួយបាន ដោយគ្រាន់តែដកឃ្លា។ (ឧទាហរណ៍ class="city main-city")


៣. ការប្រើប្រាស់ id Attribute (អត្តលេខ)

id គឺស្រដៀងនឹង class ដែរ តែវាប្រើសម្រាប់ផ្តល់ អត្តលេខ (Unique Identifier)។

ច្បាប់មាស៖ ឈ្មោះ id មួយ អាចប្រើបាន តែម្តងគត់ នៅក្នុងទំព័រមួយ! ប្រសិនបើអ្នកមាន id="header" នោះអ្នកមិនអាចដាក់ id="header" ទៅអោយអ្នកផ្សេងទៀតបានទេ។ គេច្រើនប្រើ id សម្រាប់រចនាកន្លែងណាដែលពិសេសបំផុតមានតែមួយ (ឧទាហរណ៍ ក្បាលទំព័រ) និងប្រើសម្រាប់ Jump Link (លោតចុះឡើងក្នុងទំព័រ) និងប្រើសម្រាប់ JavaScript ចាប់យក Element។

សង្ខេបភាពខុសគ្នា៖ ប្រើ class នៅពេលអ្នកចង់រចនា Element ច្រើនដែលមានមុខមាត់ដូចគ្នា (ឧ. ប៊ូតុង, ប្រអប់កាត)។ ប្រើ id នៅពេលអ្នកចង់រចនា Element ពិសេសដែលមានតែមួយគត់ (ឧ. របារបញ្ជាទិសក្បាលទំព័រ)។ បើមិនច្បាស់ សូមប្រើ class!