© Khmer Angkor Academy - sophearithput168

តំណភ្ជាប់

កាល​ណា​អត្ថបទ រូបភាព ឬ​វីដេអូ មាន​តំណភ្ជាប់ នៅ​ពេល​ដែល​ចុច​លើ​របស់​ទាំង​អស់នោះ វា​នឹង​នាំ​ទៅ​កាន់​ទំព័រ​ដែល​បាន​កំណត់ ។ តំណភ្ជាប់ គឺជា​ស្នូល​សំខាន់​នៃ​គេហទំព័រ ព្រោះ​វា​អនុញ្ញាត​ឲ្យ​អ្នក​ប្រើ​ប្រាស់​រុករក​ព័ត៌មាន​បាន​យ៉ាង​ងាយស្រួល ។


បង្កើត​តំណ​ភ្ជាប់

<a> ប្រើ​សំរាប់​បង្កើត​តំណ​ភ្ជាប់​ ។ ពាក្យ​ពេញ​របស់ a គឺ anchor (យុថ្កា) ។


ទី​តាំង​នៃ​តំណភ្ជាប់

ដើម្បី​កំណត់​ទីតាំង​ទៅ​ឲ្យ <a> យើង​ត្រូវ​ប្រើ href attribute ។ តម្លៃ​នៃ href attribute គឺជា URL នៃ​ទំព័រ​ដែល​ចង់​ឲ្យ​ភ្ជាប់​ទៅ​កាន់ ។ ពាក្យ​ពេញ​របស់ href គឺ hypertext reference ។

ចុច​ទីនេះ ដើម្បី​សិក្សា​អំពី URL


ប្រភេទ​តំណភ្ជាប់

1. តំណភ្ជាប់​ខាងក្រៅ (External Links)

តំណភ្ជាប់​ទៅ​កាន់​គេហទំព័រ​ផ្សេង​ទៀត ។

2. តំណភ្ជាប់​ខាងក្នុង (Internal Links)

តំណភ្ជាប់​ទៅ​កាន់​ទំព័រ​ផ្សេង​ក្នុង​គេហទំព័រ​ដូចគ្នា ។

3. តំណភ្ជាប់​សារអេឡិចត្រូនិច (Email Links)

បើក​កម្មវិធី​អ៊ីមែល​ដើម្បី​ផ្ញើ​សារ ។

4. តំណភ្ជាប់​លេខទូរស័ព្ទ (Phone Links)

អនុញ្ញាត​ឲ្យ​ហៅ​លេខ​ទូរស័ព្ទ​ដោយ​ផ្ទាល់ (សម្រាប់​ឧបករណ៍​ចល័ត) ។

5. តំណភ្ជាប់​ទៅ​ផ្នែក​ជាក់លាក់ (Anchor Links)

ភ្ជាប់​ទៅ​កាន់​ផ្នែក​ជាក់លាក់​នៅ​ក្នុង​ទំព័រ ។


កន្លែង​បើក​តំណភ្ជាប់

យើង​អាច​កំណត់​ឲ្យ​បើក​តំណ​ភ្ជាប់​នៅ​លើ​ផ្ទាំង​ថ្មី ដោយ​ប្រើ target attribute

តម្លៃ​នៃ target attribute

  • _blank - បើក​នៅ​ផ្ទាំង​ថ្មី
  • _self - បើក​នៅ​ផ្ទាំង​បច្ចុប្បន្ន (លំនាំដើម)
  • _parent - បើក​នៅ​ផ្ទាំង​មេ
  • _top - បើក​នៅ​ផ្ទាំង​កំពូល

សំគាល់: នៅ​ពេល​ប្រើ target="_blank" គួរ​បញ្ចូល rel="noopener noreferrer" សម្រាប់​សុវត្ថិភាព ។


Attributes សំខាន់​ៗ​ផ្សេង​ទៀត

title Attribute

បង្ហាញ​អត្ថបទ​ពន្យល់​នៅ​ពេល​កំពុង​ដាក់​ទ្រនិច​លើ​តំណភ្ជាប់ ។

download Attribute

ទាញយក​ឯកសារ​ជំនួស​ឲ្យ​ការ​រុករក ។

rel Attribute

កំណត់​ទំនាក់ទំនង​រវាង​ទំព័រ​បច្ចុប្បន្ន និង​ទំព័រ​ដែល​បាន​ភ្ជាប់ ។


ឧទាហរណ៍​ជាក់ស្តែង

ម៉ឺនុយ​រុករក (Navigation Menu)

តំណភ្ជាប់​រូបភាព

ប៊ូតុង​ទាក់ទង (Contact Button)


ការ​ប្រើ​ប្រាស់​ល្អ​បំផុត (Best Practices)

  • ប្រើ​អត្ថបទ​ពណ៌នា​ច្បាស់លាស់ សម្រាប់​តំណភ្ជាប់ (មិនគួរ​ប្រើ "ចុច​ទីនេះ")
  • ប្រើ target="_blank" សម្រាប់​តំណភ្ជាប់​ខាងក្រៅ​តែប៉ុណ្ណោះ
  • បញ្ចូល title ដើម្បី​ផ្តល់​ព័ត៌មាន​បន្ថែម
  • ប្រើ rel="noopener noreferrer" ជាមួយ target="_blank"
  • ធ្វើ​ឲ្យ​តំណភ្ជាប់​មាន​ពណ៌​ខុសគ្នា​ពី​អត្ថបទ​ធម្មតា