ឈ្មោះ (Names & Identifiers)
កាលណាធាតុមួយត្រូវបានកំណត់ឈ្មោះបានជាក់លាក់ នោះយើងនឹងអាចប្រើប្រាស់ធាតុនោះជាមួយកូដដទៃបានយ៉ាងងាយស្រួល ។ When we assign names to HTML elements, we can easily target and manipulate them with CSS, JavaScript, and other technologies.
ក្នុងការកំណត់ឈ្មោះទៅឲ្យធាតុមាន៣វិធី:
- name - ឈ្មោះ (Name Attribute)
- id - អត្តសញ្ញាណ (ID Attribute)
- class - ថ្នាក់ (Class Attribute)
នេះជាគោលគំនិតមួយដ៏សំខាន់ក្នុង HTML ដែលអ្នកនឹងប្រើជារៀងរាល់ថ្ងៃនៅពេលបង្កើតគេហទំព័រ។
1. ឈ្មោះ (Name Attribute)
name attribute ប្រើសំរាប់កំណត់ឈ្មោះទៅឲ្យធាតុ ប៉ុន្តែជាទូទៅ វាតែងតែត្រូវបានប្រើតែនៅក្នុងធាតុដែលនៅក្នុង <form> តែប៉ុណ្ណោះ ។ The name attribute is primarily used for form elements to identify data when submitting forms.
លក្ខខណ្ឌប្រើប្រាស់ name attribute:
- ប្រើជាចម្បងសម្រាប់ធាតុទម្រង់ (form elements)
- ចាំបាច់សម្រាប់ផ្ញើទិន្នន័យទៅ server
- អាចមាន name ដូចគ្នាបានច្រើនធាតុ (for radio buttons, checkboxes)
- មិនអាចប្រើសម្រាប់ CSS selectors បានទេ
ឧទាហរណ៍ការប្រើប្រាស់:
សំគាល់: ធាតុ radio button ទាំងអស់ដែលជាក្រុមតែមួយត្រូវមាន name ដូចគ្នា ដើម្បីអាចជ្រើសរើសបានតែមួយគត់។
ឧទាហរណ៍ជាមួយ dropdown និង textarea:
2. អត្តសញ្ញាណ (ID Attribute)
id attribute ប្រើសំរាប់កំណត់ឈ្មោះអត្តសញ្ញាណទៅឲ្យធាតុ ។ ពាក្យពេញនៃ id គឺ identity (អត្តសញ្ញាណ) ។ តម្លៃនៃ id attribute គឺជាឈ្មោះអត្តសញ្ញាណដែលចង់កំណត់ទៅឲ្យធាតុ ។ The id is like a unique fingerprint for each element.
លក្ខខណ្ឌប្រើប្រាស់ id attribute មានដូចជា:
- មួយធាតុអាចមាន id តែមួយគត់ (one id per element)
- ឈ្មោះ id មួយ អាចប្រើបានតែមួយគត់ ក្នុងមួយទំព័រ (unique in entire page)
- id attribute ប្រើបានលើគ្រប់ធាតុ (can be used on any element)
- ត្រូវចាប់ផ្តើមដោយអក្សរ (must start with a letter)
- មិនអាចមានដកឃ្លា (no spaces allowed)
- Case-sensitive (id="Header" និង id="header" គឺខុសគ្នា)
ឧទាហរណ៍ Basic:
ឧទាហរណ៍ការប្រើប្រាស់ជាមួយរចនាសម្ព័ន្ធទំព័រ:
ឧទាហរណ៍ប្រើ ID ជាមួយ JavaScript:
ឧទាហរណ៍ប្រើ ID សម្រាប់ Internal Links:
ការប្រើប្រាស់ id attribute នឹងមានច្រើននៅក្នុងកូដ CSS, JavaScript, និងសម្រាប់តំណภ្ជាប់ក្នុងទំព័រ។
3. ថ្នាក់ (Class Attribute)
class attribute ប្រើសំរាប់កំណត់ឈ្មោះថ្នាក់ទៅឲ្យធាតុ ។ តម្លៃនៃ class attribute គឺជាឈ្មោះថ្នាក់ដែលចង់កំណត់ទៅឲ្យធាតុ ។ Classes allow you to apply the same styling to multiple elements.
លក្ខខណ្ឌប្រើប្រាស់ class attribute:
- មួយធាតុអាចមាន class ច្រើន ដែលត្រូវផ្ដាច់ class នីមួយៗដោយការដកឃ្លា (space-separated)
- ឈ្មោះ class មួយ អាចប្រើច្រើនដង ក្នុងមួយទំព័រ (reusable)
- class attribute ប្រើបានលើគ្រប់ធាតុ
- ល្អបំផុតសម្រាប់រចនាប័ទ្ម CSS (best for styling)
- Case-sensitive (class="Header" និង class="header" គឺខុសគ្នា)
ឧទាហរណ៍ Basic:
ឧទាហរណ៍ការប្រើប្រាស់ច្រើន Classes:
ឧទាហរណ៍ប្រើ Classes សម្រាប់រចនាប័ទ្មខុសគ្នា:
ឧទាហរណ៍ប្រើ Classes ជាមួយ JavaScript:
ការប្រើប្រាស់ class attribute នឹងមានច្រើនបំផុតនៅក្នុងកូដ CSS និង JavaScript។ Classes គឺល្អបំផុតសម្រាប់រចនាប័ទ្មដែលអាចប្រើម្តងហើយម្តងទៀត។
ការប្រៀបធៀប name, id, និង class
| លក្ខណៈ | name | id | class |
|---|---|---|---|
| ប្រើច្រើនលើធាតុតែមួយ | មួយគត់ | មួយគត់ | បានច្រើន |
| ប្រើច្រើនដងក្នុងទំព័រ | បាន | មិនបាន (unique) | បាន (reusable) |
| គោលបំណងចម្បង | Form data | Unique identification | Styling & grouping |
| ប្រើក្នុង CSS | មិនបាន | បាន (#) | បាន (.) |
| ប្រើក្នុង JavaScript | បាន | បាន | បាន |
ឧទាហរណ៍ប្រើទាំង៣ជាមួយគ្នា:
ក្បួនល្អៗសម្រាប់ដាក់ឈ្មោះ:
- ប្រើឈ្មោះដែលមានអត្ថន័យច្បាស់លាស់:
header,main-nav,user-form - ប្រើ kebab-case សម្រាប់ class និង id:
main-content,btn-primary - មិនប្រើលេខចាប់ផ្តើម:
section1(មិនល្អ),section-1(ល្អ) - មិនប្រើតួអក្សរពិសេសក្រៅពី hyphen និង underscore
- ប្រើឈ្មោះខ្លីប៉ុន្តែច្បាស់លាស់