បង្កើតចន្លោះនិងការបំបែកធាតុនៃធាតុនៅក្នុង HTML ជាមួយ CSS
ការបង្កើតចន្លោះនិងការបំបែកធាតុនៃធាតុនៅក្នុង HTML អាចពិបាកក្នុងការយល់សម្រាប់អ្នករចនាគេហទំព័រ។ នេះដោយសារតែ HTML មានលក្ខណសម្បត្តិដែលគេស្គាល់ថា "ការដួលរលំចន្លោះ។ " ថាតើអ្នកវាយ 1 ចន្លោះឬ 100 នៅក្នុងកូដ HTML របស់អ្នកកម្មវិធីរុករកគេហទំព័រនឹងដួលរលំដោយស្វ័យប្រវត្តិទៅដកឃ្លាទាំងនោះ។ នេះខុសពីកម្មវិធីដូចជា Microsoft Word ដែលអនុញ្ញាតឱ្យអ្នកបង្កើតឯកសារបន្ថែមចន្លោះច្រើនដើម្បីបំបែកពាក្យនិងធាតុផ្សេងទៀតនៃឯកសារនោះ។
នេះមិនមែនជារបៀបដែលគម្លាតនៃការរចនាគេហទំព័រដំណើរការទេ។
ដូច្នេះ, តើអ្នកបន្ថែមចន្លោះនៅក្នុង HTML ដែលបង្ហាញនៅលើ ទំព័របណ្ដាញដោយ របៀបណា? អត្ថបទនេះពិនិត្យវិធីខ្លះៗ។
គម្លាតក្នុង HTML ជាមួយ CSS
វិធីដែលចូលចិត្តដើម្បីបន្ថែមដកឃ្លាក្នុង HTML របស់អ្នកគឺជាមួយ សន្លឹករចនាប័ទ្មជាល្បាក់ (CSS) ។ CSS គួរត្រូវបានប្រើដើម្បីបន្ថែមរូបភាពណាមួយនៃគេហទំព័រហើយដោយសារគម្លាតជាផ្នែកមួយនៃលក្ខណៈរចនារូបភាពនៃទំព័រ CSS គឺជាកន្លែងដែលអ្នកចង់ធ្វើ។
ក្នុង CSS អ្នកអាចប្រើលក្ខណសម្បត្តិរឹមឬរាបស្មើដើម្បីបន្ថែមចន្លោះជុំវិញធាតុ។ លើសពីនេះទៀតលក្ខណសម្បត្តិអត្ថបទចូលបន្ទាត់បន្ថែមចន្លោះទៅខាងមុខនៃអត្ថបទដូចជាសម្រាប់ចូលបន្ទាត់កថាខណ្ឌ។
នេះជាឧទាហរណ៍មួយអំពីរបៀបប្រើ CSS ដើម្បីបន្ថែមចន្លោះនៅចំពោះមុខកថាខណ្ឌទាំងអស់របស់អ្នក។ បន្ថែម CSS ទៅសន្លឹករចនាប័ទ្ម ខាងក្រៅ ឬ ខាងក្រៅ របស់អ្នក:
p {
អត្ថបទចូលបន្ទាត់: 3em;
}
ចន្លោះនៅក្នុង HTML: នៅខាងក្នុងអត្ថបទរបស់អ្នក
ប្រសិនបើអ្នកគ្រាន់តែចង់បន្ថែមចន្លោះបន្ថែមឬពីរទៅអត្ថបទរបស់អ្នកអ្នកអាចប្រើចន្លោះមិនបំបែក។
តួអក្សរនេះដើរតួដូចជាតួអក្សរចន្លោះស្តង់ដារតែវាមិនដួលរលំនៅក្នុងកម្មវិធីរុករកទេ។
នេះគឺជាឧទាហរណ៍អំពីរបៀបបន្ថែមប្រាំដកឃ្លាខាងក្នុងបន្ទាត់អត្ថបទ:
អត្ថបទនេះមានចន្លោះខាងក្រៅប្រាំនៅខាងក្នុង
ប្រើ HTML:
អត្ថបទនេះមាន & nbsp; & nbsp; & nbsp; ប្រាំកន្លែងនៅខាងក្នុង
អ្នកក៏អាចប្រើស្លាកម៉ាកដើម្បីបន្ថែមការចុះបន្ទាត់បន្ថែម។
ការកាត់ទោសនេះមានការបំបែកបន្ទាត់ប្រាំនៅចុងបញ្ចប់នៃវា
ហេតុអ្វីគម្លាតក្នុង HTML ជាគំនិតអាក្រក់?
ខណៈពេលដែលជម្រើសទាំងនេះដំណើរការ - ធាតុចន្លោះមិនបំបែកនឹងបន្ថែមគម្លាតទៅអត្ថបទរបស់អ្នកហើយការបំបែកបន្ទាត់នឹងបន្ថែមគម្លាតខាងក្រោមកថាខណ្ឌដែលបានបង្ហាញខាងលើ - នេះមិនមែនជាមធ្យោបាយល្អបំផុតក្នុងការបង្កើតគម្លាតក្នុងទំព័របណ្តាញរបស់អ្នកទេ។ ការបន្ថែមធាតុទាំងនេះទៅ HTML របស់អ្នកបន្ថែមពត៌មានដែលមើលឃើញទៅកូដជំនួសឱ្យការបំបែករចនាសម្ព័ន្ធនៃទំព័រមួយ (HTML) ពីរចនាប័ទ្មដែលមើលឃើញ (CSS) ។ ការអនុវត្តល្អបំផុតកំណត់ថាវាគួរតែដាច់ដោយឡែកសម្រាប់ហេតុផលមួយចំនួនរួមទាំងភាពងាយស្រួលក្នុងការធ្វើបច្ចុប្បន្នភាពនាពេលអនាគតនិងទំហំឯកសារនិងការបំពេញទំព័រ។
ប្រសិនបើអ្នកប្រើសន្លឹករចនាប័ទ្មខាងក្រៅដើម្បីកំណត់រចនាប័ទ្មនិងគម្លាតរបស់អ្នកទាំងអស់នោះការផ្លាស់ប្តូររចនាប័ទ្មទាំងនោះសម្រាប់គេហទំព័រទាំងមូលគឺងាយស្រួលធ្វើព្រោះអ្នកគ្រាន់តែធ្វើបច្ចុប្បន្នភាពសន្លឹករចនាប័ទ្មមួយ។
សូមពិចារណាឧទាហរណ៏ខាងលើនៃប្រយោគដែលមានស្លាកចំនួនប្រាំនៅចុងបញ្ចប់។ ប្រសិនបើអ្នកចង់បានចំនួនគម្លាតនៅបាតនៃកថាខណ្ឌនីមួយៗអ្នកត្រូវបន្ថែមកូដ HTML ទៅគ្រប់កថាខណ្ឌទាំងអស់នៅក្នុងវែបសាយទាំងមូលរបស់អ្នក។ នោះគឺជាចំនួនទឹកប្រាក់បន្ថែមដ៏ត្រឹមត្រូវដែលនឹងធ្វើឱ្យទំព័ររបស់អ្នកហើម។
លើសពីនេះទៀតប្រសិនបើអ្នកសំរេចចិត្តថាផ្លូវដែលគម្លាតនេះតូចពេកឬតូចពេកហើយអ្នកចង់ផ្លាស់ប្តូរវាបន្តិចអ្នកចាំបាច់ត្រូវកែសម្រួលគ្រប់កថាខណ្ឌនៅក្នុងវែបសាយទាំងមូលរបស់អ្នក។ មិនអីទេអរគុណហើយ!
ជំនួសឱ្យការបន្ថែមធាតុគម្លាតទាំងនេះទៅកូដរបស់អ្នកសូមប្រើ CSS ។
p {
padding-bottom: 20px;
}
បន្ទាត់មួយនៃ CSS នឹងបន្ថែមគម្លាតនៅក្រោមកថាខណ្ឌទំព័ររបស់អ្នក។ ប្រសិនបើអ្នកចង់ផ្លាស់ប្តូរគម្លាតនោះនាពេលអនាគតសូមកែសម្រួលបន្ទាត់មួយនេះ (ជំនួសឱ្យកូដរបស់វ៉ែបសៃថ៍ទាំងស្រុងរបស់អ្នក) ហើយអ្នកអាចធ្វើបាន!
ឥឡូវនេះប្រសិនបើអ្នកត្រូវការបន្ថែមចន្លោះមួយនៅក្នុងផ្នែកមួយនៃគេហទំព័ររបស់អ្នកដោយប្រើស្លាក
ឬចន្លោះមិនបំបែកតែមួយមិនមែនជាចុងបញ្ចប់នៃពិភពលោកទេប៉ុន្តែអ្នកត្រូវប្រុងប្រយ័ត្ន។
ការប្រើជម្រើសគម្លាតខាងក្នុង HTML ទាំងនេះអាចជាជម្រាលរអិល។ ខណៈពេលដែលមួយឬពីរមិនអាចធ្វើឱ្យខូចតំបន់បណ្ដាញរបស់អ្នកប្រសិនបើអ្នកបន្តចុះផ្លូវនោះអ្នកនឹងបង្ហាញបញ្ហាទៅក្នុងទំព័ររបស់អ្នក។ នៅទីបញ្ចប់អ្នកគឺជាអ្នកកាន់តែល្អប្រសើរជាងមុនដោយងាកទៅ CSS សម្រាប់គម្លាត HTML និងតម្រូវការមើលឃើញនៃទំព័របណ្ដាញផ្សេងៗទៀត។