រៀនវិធីងាយស្រួលដើម្បីយកបន្ទាត់គូសបន្ទាត់ពីតំណក្នុង HTML

ជំហានដើម្បីដកចេញបន្ទាត់ពីអត្ថបទនិងបញ្ហាដែលត្រូវដឹង

តាមលំនាំដើមមាតិកាអត្ថបទដែល ភ្ជាប់ទៅ HTML ដោយប្រើធាតុ ឬ "យុថ្កា" ត្រូវបានកំណត់ជាមួយការគូសបន្ទាត់ក្រោម។ ជាទូទៅអ្នករចនាគេហទំព័រជ្រើសរើសយកពុម្ពអក្សរលំនាំដើមនេះចេញដោយលុបចេញបន្ទាត់ក្រោម។

អ្នករចនាជាច្រើនមិនខ្វល់ចំពោះរូបរាងនៃអត្ថបទដែលបានគូសបញ្ជាក់ជាពិសេសនៅក្នុងប្លុកក្រាស់នៃមាតិកាដែលមានតំណជាច្រើន។ ពាក្យដែលគូសបញ្ជាក់ទាំងអស់នោះពិតជាអាចបំបែកលំហូរអាននៃឯកសារ។ មនុស្សជាច្រើនបានអះអាងថាពាក្យចចាមអារ៉ាមទាំងនោះធ្វើឱ្យពាក្យពិបាកក្នុងការបែងចែកនិងអានយ៉ាងឆាប់រហ័សដោយសារតែវិធីដែលបញ្ជាក់ពីការផ្លាស់ប្តូរអក្សរអក្សរធម្មជាតិ។

យ៉ាងណាក៏ដោយមានអត្ថប្រយោជន៍ស្របច្បាប់ក្នុងការរក្សាការគូសបញ្ជាក់ពីតំណអត្ថបទទាំងនេះ។ ឧទាហរណ៍នៅពេលដែលអ្នករកមើលអត្ថបទប្លុកដ៏ធំតំណភ្ជាប់ដែលគូសបញ្ជាក់គួបផ្សំជាមួយពណ៌ផ្ទុយគ្នាត្រឹមត្រូវធ្វើឱ្យអ្នកអានងាយស្រួលស្កេនទំព័រនិងមើលកន្លែងដែលតំណភ្ជាប់។ ប្រសិនបើអ្នកក្រឡេកមើលអត្ថបទរចនាគេហទំព័រនៅលើគេហទំព័រ About.com ក៏ដូចជាអត្ថបទផ្សេងទៀតនៅលើវែបសាយត៍អ្នកនឹងឃើញរូបសណ្ឋាននៃតំណដែលគូសបញ្ជាក់នៅនឹងកន្លែង។

ប្រសិនបើអ្នកសម្រេចចិត្តដកតំណចេញពីអត្ថបទ (ដំណើរដ៏សាមញ្ញមួយដែលយើងនឹងគ្របដណ្តប់ក្នុងពេលឆាប់ៗនេះ) ត្រូវប្រាកដថារកវិធីដើម្បីរចនាប័ទ្មអត្ថបទនោះដើម្បីនៅតែខុសគ្នាពីអ្វីដែលជាតំណភ្ជាប់ពីអ្វីដែលជាអត្ថបទធម្មតា។ នេះត្រូវបានធ្វើជាញឹកញាប់បំផុតជាមួយពណ៌ផ្ទុយដែលបានបញ្ជាក់ខាងលើប៉ុន្តែពណ៌តែម្នាក់ឯងអាចបង្កបញ្ហាដល់អ្នកទស្សនាដែលមានភាពពិការភ្នែកដូចជាពណ៌ខ្មៅ។ ដោយអាស្រ័យលើទំរង់នៃភាពពិការភ្នែកពណ៌ធម្មជាតិរបស់វាផ្ទុយទៅវិញភាពផ្ទុយគ្នាអាចនឹងបាត់បង់ទាំងស្រុងនៅលើពួកវាដោយរារាំងពួកគេមិនឱ្យឃើញពីភាពខុសគ្នារវាងអត្ថបទតំណភ្ជាប់និងអត្ថបទមិនជាប់ទាក់ទង។ នេះជាមូលហេតុដែលអត្ថបទគូសបន្ទាត់ក្រោមត្រូវបានចាត់ទុកថាជាវិធីល្អបំផុតដើម្បីបង្ហាញតំណ។

ដូច្នេះតើអ្នកបិទការគូសបញ្ជាក់យ៉ាងដូចម្តេចប្រសិនបើអ្នកនៅតែចង់ធ្វើដូច្នេះ? ដោយសារលក្ខណៈនេះជាលក្ខណៈដែលយើងមានការព្រួយបារម្ភយើងនឹងត្រឡប់ទៅផ្នែកមួយនៃវេបសាយរបស់យើងដែលអាចមើលឃើញគ្រប់រូបភាព - CSS ។

ប្រើសន្លឹករចនាប័ទ្មល្បាក់ដើម្បីបិទគូសបន្ទាត់ពីតំណ

ក្នុងករណីភាគច្រើនអ្នកមិនកំពុងស្វែងរកការបញ្ជាក់ពីតំណភ្ជាប់តែមួយទេ។ ផ្ទុយទៅវិញរចនាប័ទ្មរចនារបស់អ្នកទំនងជាតម្រូវឱ្យអ្នកលុបបន្ទាត់ពីតំណទាំងអស់។ អ្នកនឹងធ្វើវាដោយបន្ថែមរចនាប័ទ្មទៅសន្លឹករចនាប័ទ្មខាងក្រៅរបស់អ្នក។

{text-decoration: none; }

នោះ​ហើយ​ជា​វា! បន្ទាត់សាមញ្ញមួយនៃ CSS នឹងបិទគូសបន្ទាត់ពីក្រោម (ដែលប្រើលក្ខណសម្បត្តិ CSS សម្រាប់ "ការតាក់តែងអត្ថបទ") លើតំណទាំងអស់។

អ្នកក៏អាចទទួលបានជាក់លាក់បន្ថែមទៀតជាមួយរចនាប័ទ្មនេះ។ ឧទាហរណ៍ប្រសិនបើអ្នកគ្រាន់តែចង់បិទការគូសបន្ទាត់ក្រោមឬតំណភ្ជាប់ខាងក្នុងនៃធាតុ "nav" អ្នកអាចសរសេរ:

nav a {text-decoration: none; }

ឥឡូវនេះតំណអត្ថបទនៅលើទំព័រនឹងទទួលបានលំនាំដើមពីក្រោមប៉ុន្តែអ្នកដែលនៅក្នុងនាវាចម្បាំងនឹងត្រូវដកចេញ។

រឿងមួយដែលអ្នកច្នៃរចនាគេហទំព័រជាច្រើនជ្រើសរើសធ្វើគឺដើម្បីបង្វែរការភ្ជាប់មកវិញ "បើក" នៅពេលដែលមាននរណាម្នាក់ស្ទាក់ស្ទើរលើអត្ថបទ។ វានឹងត្រូវបានធ្វើដោយប្រើ: ដាក់ CSS CSS ដូចជា pseudo-class ដូចនេះ:

{text-decoration: none; } a: hover {text-decoration: underlined; }

ប្រើ CSS Inline

ជំនួសឱ្យការផ្លាស់ប្តូរសន្លឹករចនាប័ទ្មខាងក្រៅអ្នកក៏អាចបន្ថែមរចនាប័ទ្មដោយផ្ទាល់ទៅធាតុដោយខ្លួនវាផ្ទាល់នៅក្នុង HTML ដូចនេះ:

តំណនេះមិនមានការគូសបញ្ជាក់ ទេ

បញ្ហាជាមួយវិធីសាស្រ្តនេះគឺថាវាដាក់ព័ត៌មានរចនាប័ទ្មនៅក្នុងរចនាសម្ព័ន្ធ HTML របស់អ្នកដែលមិនមែនជាការអនុវត្តល្អបំផុត។ រចនាប័ទ្ម (CSS) និងរចនាសម្ព័ន្ធ (HTML) គួរតែត្រូវបានរក្សាទុកដាច់ដោយឡែក។

ប្រសិនបើអ្នកចង់ឱ្យតំណអត្ថបទរបស់វែបសាយត៍ទាំងអស់ត្រូវបានដកចេញហើយបន្ថែមព័ត៌មានរចនាប័ទ្មនេះទៅតំណនីមួយៗនៅលើមូលដ្ឋាននីមួយៗមានន័យថាចំនួនទឹកប្រាក់បន្ថែមដែលត្រូវបានបន្ថែមទៅលេខកូដតំបន់បណ្ដាញរបស់អ្នក។ ការស្រើបស្រាលទំព័រនេះអាចពន្យឺតពេលវេលាផ្ទុករបស់គេហទំព័រមួយហើយធ្វើឱ្យការគ្រប់គ្រងទំព័ររួមមានការលំបាកច្រើន។ សម្រាប់ហេតុផលទាំងនេះវាគួរតែចូលចិត្តទៅសន្លឹករចនាប័ទ្មខាងក្រៅសម្រាប់តម្រូវការរចនាប័ទ្មទំព័រទាំងអស់។

ក្នុងការបិទ

ងាយស្រួលដូចដែលវាត្រូវដកចេញបន្ទាត់ពីតំណអត្ថបទនៃទំព័របណ្ដាញអ្នកក៏គួរតែគិតពីផលវិបាកនៃការធ្វើដូច្នោះដែរ។ ខណៈពេលដែលវាពិតជាអាចសម្អាតរូបរាងនៃទំព័រមួយវាអាចធ្វើដូច្នេះបាននៅក្នុងការចំណាយនៃការប្រើប្រាស់ទូទៅ។ យករឿងនេះចូលទៅក្នុងគណនីនៅពេលក្រោយដែលអ្នកពិចារណាពីការផ្លាស់ប្តូរលក្ខណៈសម្បត្តិ "ការតុបតែងអត្ថបទ" របស់ទំព័រ។

អត្ថបទដើមរបស់នាង Jennifer Krynin ។ បានកែប្រែនៅថ្ងៃទី 9 ខែសីហាឆ្នាំ 16 ដោយលោក Jeremy Girard