តំណភ្ជាប់

ការបង្កើតតំណភ្ជាប់ និងAttribute របស់វា (HTML Links & Attributes)

តំណភ្ជាប់ (Hyperlinks ឬ Links) គឺជាព្រលឹងនៃ World Wide Web! ពួកវាអនុញ្ញាតអោយអ្នកចុចលោតពីទំព័រមួយ ទៅកាន់ទំព័រមួយទៀត ឬលោតទៅកាន់គេហទំព័រមួយផ្សេងទៀតនៅជុំវិញពិភពលោក។

១. របៀបបង្កើតតំណភ្ជាប់ (The <a> Tag)

នៅក្នុង HTML យើងប្រើប្រាស់ Tag <a> ដែលមកពីពាក្យ "Anchor" ដើម្បីបង្កើតតំណភ្ជាប់។ វាទាមទារអោយមាន Attribute សំខាន់មួយគឺ href (Hypertext Reference) ដើម្បីកំណត់គោលដៅ។

២. ការកំណត់ឥរិយាបទរបស់ Link (The target Attribute)

តាមលំនាំដើម (Default) នៅពេលដែលអ្នកចុចលើ Link វានឹងបើកទំព័រថ្មី ដោយបិទទំព័រចាស់ដែលអ្នកកំពុងមើលចោល (យើងហៅថា _self)។ ប៉ុន្តែអ្នកអាចផ្លាស់ប្តូរវាបានដោយប្រើ Attribute target。

• target="_self" (លំនាំដើម): បើកក្នុង Tab ដដែល។

• target="_blank" : ពេញនិយមបំផុត! ប្រើសម្រាប់បើក Link នៅក្នុង Tab ថ្មី (ល្អសម្រាប់ការភ្ជាប់ទៅ Website ក្រៅ ដើម្បីកុំអោយភ្ញៀវបាត់ពី Website យើង)។

៣. តំណភ្ជាប់ទៅកាន់ អ៊ីមែល និង លេខទូរស័ព្ទ

Link មិនត្រឹមតែអាចភ្ជាប់ទៅកាន់គេហទំព័រប៉ុណ្ណោះទេ អ្នកអាចប្រើវាដើម្បីបើកកម្មវិធីផ្ញើអ៊ីមែល ឬហៅទូរស័ព្ទដោយផ្ទាល់ (ពិសេសសម្រាប់អ្នកប្រើទូរស័ព្ទដៃ)។

• ប្រើ href="mailto:name@email.com" ដើម្បីបើកកម្មវិធីផ្ញើ Email។

• ប្រើ href="tel:+85512345678" ដើម្បីបញ្ជាអោយទូរស័ព្ទហៅចេញទៅកាន់លេខនោះ។

៤. តំណភ្ជាប់ទៅកាន់កន្លែងណាមួយ ក្នុងទំព័រតែមួយ (Jump Links)

ប្រសិនបើទំព័ររបស់អ្នកវែងខ្លាំង (ដូចជាអត្ថបទវិគីភីឌា) អ្នកអាចបង្កើត Link ដែលពេលចុចទៅ វារំកិលចុះទៅផ្នែកខាងក្រោមនៃទំព័រតែម្តង (Scroll)។ ដើម្បីធ្វើបែបនេះបាន អ្នកត្រូវមាន ២ ជំហាន៖

1. ដាក់ id="somewhere" ទៅអោយកន្លែងដែលអ្នកចង់លោតទៅ (ឧ. កថាខណ្ឌ ឬចំណងជើង)។

2. នៅត្រង់ Link ត្រូវប្រើសញ្ញាទន្សាយ (Hash) បូកនឹងឈ្មោះ ID នោះ៖ href="#somewhere"។

ការបន្ថែម Title៖ អ្នកអាចប្រើ Attribute title="ពិពណ៌នា" នៅក្នុង Tag <a>។ នៅពេលអ្នកយក Mouse ទៅដាក់ពីលើ Link (Hover) វានឹងលោតចេញអក្សរពិពណ៌នានោះមក (Tooltips) ដែលមានប្រយោជន៍ណាស់សម្រាប់អ្នកប្រើប្រាស់!