មួយក្នុងចំណោមស្លាកដែលអ្នកនឹងរៀនពីដំបូងក្នុងការអប់រំរចនាបណ្ដាញរបស់អ្នកគឺជាគូនៃស្លាកត្រូវបានគេស្គាល់ថាជា "ស្លាកការសង្កត់ធ្ងន់" ។ សូមពិនិត្យមើលអ្វីដែលស្លាកទាំងនេះមាននិងរបៀបដែលពួកវាត្រូវបានប្រើប្រាស់នៅក្នុងការរចនាបណ្តាញនៅថ្ងៃនេះ។
ត្រលប់ទៅ XHTML
ប្រសិនបើអ្នកបានរៀន HTML ឆ្នាំមុនផងដែរមុនពេលការកើនឡើងនៃ HTML5, អ្នកប្រហែលជាត្រូវប្រើទាំងស្លាកដិតនិងអក្សរទ្រេត។ ដូចដែលអ្នកអាចរំពឹងថាស្លាកទាំងនេះបានបម្លែងធាតុទៅជាអក្សរដិតឬអត្ថបទទ្រេត។ បញ្ហាដែលមានស្លាកទាំងនេះនិងហេតុផលដែលពួកគេត្រូវបានរុញច្រានដោយឡែក ៗ ពីគ្នាទៅនឹងធាតុផ្សំថ្មី (ដែលយើងនឹងពិនិត្យមើលក្នុងពេលឆាប់ៗ) នោះគឺថាពួកគេមិនមែនជាធាតុផ្សំនៃសនិទានទេ។ នេះគឺដោយសារតែពួកគេកំណត់ថាតើអត្ថបទគួរតែមើលទៅជាជាងព័ត៌មានអំពីអត្ថបទ។ ចាំថា HTML (ដែលជាកន្លែងដែលស្លាកទាំងនេះត្រូវបានសរសេរ) គឺអំពីរចនាសម្ព័នមិនមែនរចនាប័ទ្មដែលមើលឃើញ! ទស្សនីយភាពត្រូវបានគ្រប់គ្រងដោយ CSS និងការរចនាដ៏ល្អបំផុតនៃការរចនាតាមអ៊ិនធឺរណែតបានរក្សាទុកយូរអង្វែងដែលអ្នកគួរតែមានការបែងចែកដាច់ពីរចនាប័ទ្មនិងរចនាសម្ព័នក្នុងទំព័របណ្តាញរបស់អ្នក។ នេះមានន័យថាមិនប្រើធាតុដែលមិនមែនជានិមិត្តសញ្ញានិងលម្អិតដែលមើលទៅជាជាងរចនាសម្ព័ន្ធ។ នេះហើយជាមូលហេតុដែលស្លាកដិតនិងអក្សរទ្រេតត្រូវបានជំនួសជាទូទៅដោយភាពរឹងមាំ (ដិត) និងការសង្កត់ធ្ងន់ (សម្រាប់ទ្រេត) ។
& lt; strong & gt; និង & lt; em & gt;
ធាតុដ៏រឹងមាំនិងការសង្កត់ធ្ងន់បន្ថែមព័ត៌មានទៅអត្ថបទរបស់អ្នកដែលរៀបរាប់លម្អិតអំពីមាតិកាដែលគួរត្រូវបានចាត់ទុកថាខុសគ្នានិងសង្កត់ធ្ងន់នៅពេលដែលមាតិកាត្រូវបាននិយាយ។ អ្នកប្រើធាតុទាំងនេះច្រើនវិធីដូចគ្នាអ្នកនឹងប្រើដិតនិងអក្សរទ្រេតក្នុងអតីតកាល។ គ្រាន់តែព័ទ្ធអត្ថបទរបស់អ្នកដោយប្រើស្លាកបើកនិងបិទ ( និង សម្រាប់ការសង្កត់ធ្ងន់និង និង សម្រាប់ការសង្កត់ធ្ងន់យ៉ាងខ្លាំង) ហើយអត្ថបទភ្ជាប់នឹងត្រូវបានសង្កត់ធ្ងន់។
អ្នកអាចដាក់ស្លាកទាំងនេះហើយវាមិនសំខាន់ទេដែលជាស្លាកខាងក្រៅ។ នេះជាឧទាហរណ៍មួយចំនួន។
អត្ថបទនេះត្រូវបានសង្កត់ធ្ងន់ ហើយកម្មវិធីរុករកភាគច្រើននឹងបង្ហាញវាជាទ្រេត។ អត្ថបទនេះត្រូវបានសង្កត់ធ្ងន់យ៉ាងខ្លាំង ហើយកម្មវិធីរុករកភាគច្រើននឹងបង្ហាញវាជាប្រភេទដិត។ក្នុងឧទាហរណ៍ទាំងពីរនេះយើងមិនត្រូវបានគេបញ្ជាឱ្យមើលឃើញដោយប្រើ HTML ទេ។ បាទ / ចាសរូបរាងលំនាំដើមនៃស្លាក នឹងជាអក្សរទ្រេតហើយ នឹងដិតប៉ុន្តែមើលទាំងនោះអាចប្តូរបានយ៉ាងងាយស្រួលនៅក្នុង CSS ។ នេះគឺជារឿងល្អបំផុតរបស់ពិភពលោកទាំងពីរ។ អ្នកអាចប្រើរចនាប័ទ្មកម្មវិធីរុករកលំនាំដើមដើម្បីទទួលបានអក្សរទ្រេតឬដិតនៅក្នុងឯកសាររបស់អ្នកដោយមិនចាំបាច់ឆ្លងកាត់បន្ទាត់និងរចនាលាយនិងរចនាប័ទ្មលាយ។ និយាយថាអ្នកចង់ឱ្យអក្សរ មិនមែនជាអក្សរដិតតែក៏ជាពណ៌ក្រហមដែរអ្នកអាចបន្ថែមវាទៅ CSS បាន
strong {
ពណ៌: ក្រហម;
}
ក្នុងឧទាហរណ៍នេះអ្នកមិនចាំបាច់បន្ថែមលក្ខណសម្បត្តិសម្រាប់ទម្ងន់ពុម្ពអក្សរដិតទេព្រោះវាជាលំនាំដើម។ ទោះជាយ៉ាងណាក៏ដោយប្រសិនបើអ្នកមិនចង់ចាកចេញពីនោះទៅអ្នកអាចបន្ថែមវាទៅក្នុង:
strong {
font-weight: bold;
ពណ៌: ក្រហម;
}
ឥឡូវអ្នកនឹងត្រូវបានធានាថាមានទំព័រដែលមានអក្សរដិត (និងពណ៌ក្រហម) នៅកន្លែងដែលស្លាក ត្រូវបានប្រើ។
ទ្វេឡើងលើការសង្កត់
រឿងមួយដែលខ្ញុំបានកត់សម្គាល់ក្នុងមួយឆ្នាំគឺថាតើមានអ្វីកើតឡើងប្រសិនបើអ្នកព្យាយាមបង្កើនការសង្កត់ធ្ងន់។ ឧទាហរណ៍:
អត្ថបទនេះគួរតែមានទាំងអត្ថបទ អក្សរដិតនិងអក្សរទ្រេត នៅខាងក្នុងវា។អ្នកនឹងគិតថាបន្ទាត់នេះនឹងបង្កើតតំបន់មួយដែលមានអត្ថបទដែលដិតនិងអក្សរទ្រេត។ ជួនកាលនេះពិតជាកើតឡើងប៉ុន្តែខ្ញុំបានឃើញកម្មវិធីរុករកមួយចំនួនគោរពតែរចនាប័ទ្មពីរនៃរចនាប័ទ្មការសង្កត់ធ្ងន់ពីរនៅជិតអត្ថបទជាក់ស្ដែងក្នុងសំណួរហើយបង្ហាញតែអក្សរនេះទេ។ នេះជាមូលហេតុមួយក្នុងចំណោមហេតុផលដែលខ្ញុំមិនបង្កើនទ្វេដងលើស្លាកបញ្ជាក់។
ហេតុផលមួយទៀតដើម្បីចៀសវាងការកើនឡើងទ្វេដងនេះគឺសម្រាប់គោលបំណងរចនា។ ទំរង់មួយនៃការសង្កត់ធ្ងន់ប្រសិនបើជាធម្មតាគ្រប់គ្រាន់ដើម្បីបញ្ជូនសម្លេងដែលអ្នកចង់កំណត់។ អ្នកមិនត្រូវដិតសរសេរធ្វើឱ្យមានពណ៌ពង្រីកនិងពង្រីកអត្ថបទដើម្បីឱ្យវាលេចធ្លោ។ អត្ថបទនោះនឹងមានភាពខុសប្លែកគ្នាជាច្រើនទៀត។ ដូច្នេះត្រូវប្រុងប្រយ័ត្ននៅពេលប្រើស្លាកសង្កត់ធ្ងន់ឬរចនាប័ទ្ម CSS ដើម្បីផ្តល់នូវការសង្កត់ធ្ងន់និងកុំធ្វើឱ្យវាហួសប្រមាណ។
ចំណាំស្តីពីដិតនិងទ្រេត
គំនិតចុងក្រោយមួយ - ខណៈពេលដែលដិត () និងទ្រេត () ស្លាកមិនត្រូវបានផ្តល់អនុសាសន៍ឱ្យប្រើជាធាតុសំខាន់នោះទេមានអ្នករចនាគេហទំព័រមួយចំនួនដែលប្រើស្លាកទាំងនេះទៅកាន់បន្ទាត់អត្ថបទក្នុងបន្ទាត់។ ជាទូទៅពួកគេប្រើវាដូចជាធាតុ ។ នេះល្អពីព្រោះស្លាកមានរយៈពេលខ្លីប៉ុន្តែការប្រើធាតុទាំងនេះតាមរបៀបនេះមិនត្រូវបានណែនាំជាទូទៅទេ។ ខ្ញុំនិយាយនៅក្នុងករណីដែលអ្នកឃើញវានៅទីនោះនៅលើគេហទំព័រមួយចំនួនដែលត្រូវបានប្រើមិនឱ្យបង្កើតអក្សរដិតឬអក្សរទ្រេតប៉ុន្តែដើម្បីបង្កើតគំរប CSS សម្រាប់ប្រភេទផ្សេងទៀតមួយចំនួននៃរូបរាងដែលអាចមើលឃើញ។
អត្ថបទដើមរបស់នាង Jennifer Krynin ។ កែសម្រួលដោយលោក Jeremy Girard នៅថ្ងៃទី 12 ខែធ្នូឆ្នាំ 16 ។