បញ្ជី
បញ្ជី គឺជាធាតុដ៏សំខាន់មួយក្នុង HTML ដែលប្រើសម្រាប់ដាក់ធាតុច្រើនជាលំដាប់ ។ បញ្ជីនៅក្នុង HTML មានប្រភេទសំខាន់ៗ ៣ប្រភេទ ។
ប្រភេទបញ្ជី
- បញ្ជីមានលំដាប់លំដោយ (Ordered List) - បញ្ជីដែលមានលេខរៀង
- បញ្ជីគ្មានលំដាប់លំដោយ (Unordered List) - បញ្ជីដែលមានចំនុច
- បញ្ជីនិយមន័យ (Description List) - បញ្ជីពន្យល់ពីពាក្យ
១. បញ្ជីមានលំដាប់លំដោយ (Ordered List)
បញ្ជីមានលំដាប់លំដោយ គឺជាបញ្ជីដែលនៅពីមុខវាត្រូវបានចុះជាលំដាប់លេខ ឬលំដាប់អក្សរ ។ ដើម្បីបង្កើតបញ្ជីនេះ ត្រូវប្រើ <ol> ។ ពាក្យពេញរបស់ ol គឺ ordered list ។
រចនាសម្ព័ន្ធមូលដ្ឋាន
ចំណាំ: <li> ពាក្យពេញគឺ list item (ធាតុបញ្ជី) ។
Attributes សំខាន់ៗនៃ <ol>
type Attribute (ប្រភេទលេខរៀង)
កំណត់រូបភាពនៃការចុះលេខរៀង ។
start Attribute (ចាប់ផ្តើមពី)
កំណត់លេខចាប់ផ្តើម ។
reversed Attribute (បញ្ច្រាស)
ចុះលេខពីច្រើនទៅតិច ។
២. បញ្ជីគ្មានលំដាប់លំដោយ (Unordered List)
បញ្ជីគ្មានលំដាប់លំដោយ គឺជាបញ្ជីដែលនៅពីមុខវាត្រូវបានចុះជាត្រេ ឬចំនុច ឬរូបអ្វីផ្សេង ។ ដើម្បីបង្កើតបញ្ជីនេះ ត្រូវប្រើ <ul> ។ ពាក្យពេញរបស់ ul គឺ unordered list ។
រចនាសម្ព័ន្ធមូលដ្ឋាន
type Attribute (ប្រភេទចំនុច)
កំណត់រូបរាងនៃចំនុច ។
ចំណាំ: ការកំណត់រូបរាងចំនុចល្អបំផុតគួរប្រើ CSS ជំនួស ។
៣. បញ្ជីនិយមន័យ (Description List)
បញ្ជីនិយមន័យ ប្រើសម្រាប់ពន្យល់ពាក្យ ឬធាតុផ្សេងៗ ។
រចនាសម្ព័ន្ធ
<dl>- Description List (បញ្ជីនិយមន័យ)<dt>- Description Term (ពាក្យត្រូវនិយមន័យ)<dd>- Description Definition (និយមន័យ)
បញ្ជីជាន់គ្នា (Nested Lists)
យើងអាចដាក់បញ្ជីក្នុងបញ្ជីមួយទៀត ដើម្បីបង្កើតបញ្ជីរង ។
ឧទាហរណ៍ជាក់ស្តែង
បញ្ជីការងារត្រូវធ្វើ
បញ្ជីទំនិញទិញ
បញ្ជីម៉ឺនុយរុករក
ការប្រើប្រាស់ល្អបំផុត (Best Practices)
- ប្រើ
<ol>សម្រាប់បញ្ជីដែលលំដាប់មានសារៈសំខាន់ (ជំហាន, ចំណាត់ថ្នាក់) - ប្រើ
<ul>សម្រាប់បញ្ជីធម្មតាដែលលំដាប់មិនសំខាន់ - ប្រើ
<dl>សម្រាប់ពន្យល់ពាក្យ, សំណួរ-ចម្លើយ - រក្សារចនាសម្ព័ន្ធឲ្យត្រឹមត្រូវ (
<li>ត្រូវតែនៅក្នុង<ol>ឬ<ul>) - ប្រើ CSS សម្រាប់រចនាប័ទ្ម (មិនប្រើ type attribute)
- ជៀសវាងបញ្ជីជាន់គ្នាច្រើនពេក (មិនលើស ៣ជាន់)