© Khmer Angkor Academy - sophearithput168

Iframe

HTML Iframes (ការបង្កប់គេហទំព័រក្នុងគេហទំព័រ)

<iframe> (Inline Frame) ត្រូវបានប្រើដើម្បីបង្ហាញគេហទំព័រមួយផ្សេងទៀត (ឬវីដេអូ, ផែនទី) នៅខាងក្នុងផ្ទៃ (Frame) នៃគេហទំព័របច្ចុប្បន្នរបស់អ្នក ដោយមិនបាច់បើក Tab ថ្មី។


១. របៀបប្រើប្រាស់ <iframe>

អ្នកត្រូវប្រើ Tag <iframe> ដោយភ្ជាប់ជាមួយ Attribute ចាំបាច់មួយគឺ src (Source) ដើម្បីកំណត់ទីតាំងដែលត្រូវទាញយកមកបង្ហាញ។

អ្នកក៏គួរតែបន្ថែម title Attribute ជានិច្ច ដើម្បីពន្យល់ប្រាប់ដល់កម្មវិធីអានអេក្រង់ (Screen Readers) ថាតើ Iframe នេះនិយាយពីអ្វី។


២. ការដកស៊ុមខ្មៅចេញ (Border)

តាមលំនាំដើម គ្រប់ Iframe ទាំងអស់មានស៊ុមខ្មៅហ៊ុំព័ទ្ធជុំវិញ។ ដើម្បីដកវាចេញអោយមើលទៅរលូនសាច់តែមួយជាមួយវិបសាយរបស់អ្នក អ្នកត្រូវប្រើ CSS style="border: none;"


៣. ការបង្កប់ YouTube Video

នេះគឺជាការប្រើប្រាស់ដ៏ពេញនិយមបំផុតរបស់ Iframe! ជំនួសអោយការបង្ហោះវីដេអូផ្ទាល់ក្នុង Hosting ខ្លួនឯង (ដែលធ្វើអោយវិបសាយយឺត និងអស់ទំហំច្រើន) គេតែងតែបង្ហោះលើ YouTube រួចយកកូដ Iframe របស់វាមកបង្កប់ក្នុងវិបសាយ។

អ្នកគ្រាន់តែចូលទៅ YouTube ចុច Share -> ចុច Embed -> រួច Copy កូដមកដាក់ជាការស្រេច!

ប្រយ័ត្នបញ្ហាសន្តិសុខ៖ មិនមែនគ្រប់គេហទំព័រទាំងអស់សុទ្ធតែអនុញ្ញាតអោយអ្នកបង្កប់វានៅក្នុង Iframe នោះទេ! ឧទាហរណ៍ Google.com ឬ Facebook.com បានបិទមុខងារនេះ (X-Frame-Options) ដើម្បីការពារការឆបោក (Clickjacking)។ ដូច្នេះប្រសិនបើអ្នកបង្កប់វា វានឹងចេញផ្ទៃទទេរពណ៌ស។