ប្រើស្លាក HTML IMG សម្រាប់រូបភាពនិងវត្ថុ
ស្លាក IMG HTML គ្រប់គ្រងការបញ្ចូលរូបភាពនិងវត្ថុក្រាហ្វិកឋិតិវន្តដទៃទៀតនៅក្នុងទំព័រវ៉ិបសាយ។ ស្លាកទូទៅនេះគាំទ្រលក្ខណៈចាំបាច់និងស្រេចចិត្តជាច្រើនដែលបន្ថែមភាពសម្បូរបែបទៅនឹងសមត្ថភាពរបស់អ្នកក្នុងការរចនាវេបសាយដែលផ្តោតលើរូបភាព។
ឧទាហរណ៍នៃស្លាក IMG HTML ដែលបានបង្កើតយ៉ាងពេញលេញមួយមើលទៅដូចនេះ:
លក្ខណៈ IMG Tag ដែលត្រូវការ
SRC ។ គុណលក្ខណៈតែមួយគត់ដែលអ្នកត្រូវការដើម្បីទទួលរូបភាពដើម្បីបង្ហាញនៅលើគេហទំព័រគឺជាគុណលក្ខណៈ SRC ។ គុណលក្ខណៈនេះកំណត់ឈ្មោះនិងទីតាំងរបស់ឯកសាររូបភាពដែលត្រូវបង្ហាញ។
ALT ។ ដើម្បីសរសេរ XHTML និង HTML4 ត្រឹមត្រូវគុណលក្ខណៈ ALT ក៏ត្រូវបានទាមទារផងដែរ។ គុណលក្ខណៈនេះត្រូវបានប្រើដើម្បីផ្តល់នូវកម្មវិធីរុករកដែលមិនមើលឃើញជាមួយអត្ថបទដែលពិពណ៌នាអំពីរូបភាព។ កម្មវិធីរុករកបង្ហាញអត្ថបទជំនួសតាមវិធីផ្សេងៗគ្នា។ មួយចំនួនបង្ហាញវាជាការលេចឡើងពេលអ្នកដាក់កណ្ដុររបស់អ្នកនៅលើរូបភាពអ្នកផ្សេងទៀតបង្ហាញវានៅលើលក្ខណៈសម្បត្តិពេលអ្នកចុចកណ្ដុរខាងស្ដាំលើរូបភាពហើយខ្លះមិនបង្ហាញវាទេ។
ប្រើ អត្ថបទ alt ដើម្បីផ្តល់ពត៌មានលំអិតបន្ថែមទៀតអំពីរូបភាពដែលមិនទាក់ទងឬសំខាន់ចំពោះអត្ថបទនៃគេហទំព័រ។ ប៉ុន្តែសូមចាំថានៅក្នុងកម្មវិធីអានអេក្រង់និងកម្មវិធីរុករកតែអត្ថបទផ្សេងទៀតអត្ថបទនឹងត្រូវបានអានក្នុងតួជាមួយនឹងអត្ថបទនៅសល់នៅលើទំព័រ។ ដើម្បីជៀសវាងការភាន់ច្រឡំសូមប្រើអត្ថបទ alt alt ដែលពិពណ៌នាថា (ឧទាហរណ៍) "អំពីរចនាគេហទំព័រនិង HTML" ជំនួសឱ្យ "ឡូហ្គោ" ។
ក្នុង HTML5 គុណលក្ខណៈ ALT មិនតែងតែត្រូវបានទាមទារទេពីព្រោះអ្នកអាចប្រើចំណងជើងដើម្បីបន្ថែមសេចក្ដីពិពណ៌នាបន្ថែមទៅវា។ អ្នកក៏អាចប្រើគុណលក្ខណៈ ARIA-DESCRIBEDBY ដើម្បីបង្ហាញលេខសម្គាល់ដែលមានការពិពណ៌នាពេញលេញ។
អត្ថបទជំនួសក៏មិនត្រូវបានទាមទារដែរប្រសិនបើរូបភាពមានតុបតែងសុទ្ធសាធដូចជាក្រាហ្វិកនៅផ្នែកខាងលើនៃទំព័របណ្ដាញឬរូបតំណាង។ ប៉ុន្តែប្រសិនបើអ្នកមិនប្រាកដ, រួមបញ្ចូលអត្ថបទ alt ក្នុងករណី។
គុណសម្បត្តិ IMG ដែលបានណែនាំ
WIDTH និង HEIGHT ។ អ្នកគួរតែចូលទៅក្នុងទម្លាប់នៃការប្រើគុណលក្ខណៈ WIDTH និង HEIGHT ជានិច្ច។ ហើយអ្នកគួរតែប្រើទំហំពិតនិងមិនប្តូរទំហំរូបភាពរបស់អ្នកជាមួយកម្មវិធីរុករក។
គុណលក្ខណៈទាំងនេះបង្កើនល្បឿនការបង្ហាញទំព័រពីព្រោះកម្មវិធីរុករកអាចបម្រុងទុកទំហំក្នុងការរចនាសម្រាប់រូបភាពហើយបន្ទាប់មកបន្តទាញយកមាតិកាដែលនៅសល់ជាជាងរង់ចាំរូបភាពទាំងមូលដើម្បីទាញយក។
គុណសម្បត្តិ IMG ផ្សេងទៀតដែលមានប្រយោជន៍
TITLE ។ គុណលក្ខណៈគឺជាគុណលក្ខណៈសកលដែលអាចត្រូវបានអនុវត្តទៅ ធាតុ HTML ណាមួយ។ លើសពីនេះទៅទៀតគុណលក្ខណៈ TITLE អនុញ្ញាតឱ្យអ្នកបន្ថែមព័ត៌មានបន្ថែមអំពីរូបភាព។
កម្មវិធីរុករកភាគច្រើនគាំទ្រគុណលក្ខណៈ TITLE ប៉ុន្តែពួកគេធ្វើវាតាមវិធីផ្សេងៗគ្នា។ មួយចំនួនបង្ហាញអត្ថបទជាការលេចឡើងខណៈពេលដែលអ្នកផ្សេងទៀតបង្ហាញវានៅក្នុងអេក្រង់ព័ត៌មាននៅពេលអ្នកប្រើចុចកណ្ដុរខាងស្ដាំលើរូបភាព។ អ្នកអាចប្រើគុណលក្ខណៈ TITLE ដើម្បីសរសេរព័ត៌មានបន្ថែមអំពីរូបភាពប៉ុន្តែកុំពឹងផ្អែកលើព័ត៌មាននេះដែលត្រូវបានលាក់ ឬ មើលឃើញ។ អ្នកគួរតែប្រើពាក្យនេះដើម្បីលាក់ពាក្យគន្លឹះសម្រាប់ម៉ាស៊ីនស្វែងរក។ ការអនុវត្តន៍នេះឥឡូវនេះត្រូវបានដាក់ទណ្ឌកម្មដោយម៉ាស៊ីនស្វែងរកភាគច្រើន។
USEMAP និង ISMAP ។ គុណលក្ខណៈទាំងពីរនេះកំណត់ទីតាំងរូបភាពផ្នែកខាងម៉ាស៊ីនភ្ញៀវ () និងខាងម៉ាស៊ីនបម្រើ (ISMAP) ទៅនឹងរូបភាពរបស់អ្នក។
LONGDESC ។ គុណលក្ខណៈនេះគាំទ្រ URLs ទៅការពិពណ៌នាវែងនៃរូបភាព។ លក្ខណៈពិសេសនេះធ្វើឱ្យរូបភាពរបស់អ្នកអាចចូលដំណើរការបានកាន់តែច្រើន។
គុណសម្បត្តិរបស់ IMG ដែលដកហូតនិងលែងប្រើ
គុណលក្ខណៈជាច្រើនត្រូវបានលែងប្រើក្នុង HTML5 ឬត្រូវបានគេបដិសេធនៅក្នុង HTML4 ។ សម្រាប់ HTML ដែលល្អបំផុតអ្នកគួរតែរកដំណោះស្រាយផ្សេងទៀតជំនួសឱ្យការប្រើគុណលក្ខណៈទាំងនេះ។
BORDER ។ គុណលក្ខណៈកំណត់ទទឹងជាភីកសែលនៃស៊ុមណាមួយជុំវិញរូបភាព។ វាត្រូវបានគេជំទាស់នៅក្នុងការពេញចិត្តរបស់ CSS ក្នុង HTML4 និងលែងប្រើក្នុង HTML5 ។
ALIGN ។ គុណលក្ខណៈនេះអនុញ្ញាតឱ្យអ្នកដាក់រូបភាពក្នុងអត្ថបទហើយមានលំហូរអត្ថបទនៅជុំវិញវា។ អ្នកអាចតម្រឹមរូបភាពនៅខាងស្តាំឬខាងឆ្វេង។ វាត្រូវបានគេជំទាស់នៅក្នុងការពេញចិត្តនៃទ្រព្យ CSS ដែលអណ្តែតនៅក្នុង HTML4 និងលែងប្រើនៅក្នុង HTML5 ។
HSPACE និង VSPACE ។ HSPACE និង VSPACE គុណលក្ខណៈបន្ថែមចន្លោះពណ៌សផ្ដេក (HSPACE) និងបញ្ឈរ (VSPACE) ។ ទំហំសនឹងត្រូវបានបន្ថែមទៅភាគីទាំងពីរនៃក្រាហ្វិក (កំពូលនិងបាតឬឆ្វេងនិងស្ដាំ) ដូច្នេះប្រសិនបើអ្នកត្រូវការទំហំនៅម្ខាងអ្នកគួរតែប្រើ CSS ។ គុណលក្ខណៈទាំងនេះត្រូវបានបដិសេធនៅក្នុង HTML4 នៅក្នុងការពេញចិត្តនៃលក្ខណសម្បត្តិ CSS រឹមហើយវាលែងប្រើ HTML5 ។
LOWSRC ។ គុណលក្ខណៈ LOWSRC ផ្តល់នូវរូបភាពជំនួសនៅពេលប្រភពរូបភាពរបស់អ្នកមានទំហំធំធេងដែលវាទាញយកយ៉ាងយឺត។ ឧទាហរណ៍អ្នកអាចមានរូបភាពដែលជា 500KB ដែលអ្នកចង់បង្ហាញនៅលើទំព័រវ៉េបរបស់អ្នកប៉ុន្តែ 500KB នឹងត្រូវចំណាយពេលយូរដើម្បីទាញយក។ ដូច្នេះអ្នកបង្កើតច្បាប់ចម្លងតូចជាងរូបភាពច្រើនជាងនេះ, ប្រហែលជានៅក្នុងពណ៌ខ្មៅនិងពណ៌សឬគ្រាន់តែប្រសើរបំផុតហើយដាក់វានៅក្នុងគុណលក្ខណៈ LOWSRC ។ រូបភាពតូចជាងមុននឹងទាញយកនិងបង្ហាញជាលើកដំបូងហើយនៅពេលរូបភាពធំលេចឡើងវានឹងជំនួសប្រភពទាប។
គុណលក្ខណៈ LOWSRC ត្រូវបានបន្ថែមទៅ Netscape Navigator 2.0 ទៅ IMG ។ វាជាផ្នែកមួយនៃកម្រិតទី 1 របស់ DOM ប៉ុន្តែត្រូវបានដកចេញពីកម្រិត DOM ។ ការគាំទ្រកម្មវិធីរុករកបានគូសវាសសម្រាប់គុណលក្ខណៈនេះទោះបីគេហទំព័រជាច្រើនអះអាងថាវាត្រូវបានគាំទ្រដោយកម្មវិធីរុករកទំនើបទាំងអស់។ វាមិនត្រូវបានជំទាស់នៅក្នុង HTML4 ឬលែងប្រើនៅក្នុង HTML5 ព្រោះវាមិនដែលជាផ្នែកមួយជាផ្លូវការនៃការបញ្ជាក់។
ជៀសវាងការប្រើគុណលក្ខណៈនេះនិងជំនួសឱ្យរូបភាពរបស់អ្នកកាន់តែប្រសើរឡើងដូច្នេះពួកគេអាចផ្ទុកបានរហ័ស។ ល្បឿននៃការផ្ទុកទំព័រគឺជាផ្នែកដ៏សំខាន់នៃការរចនាគេហទំព័រដ៏ល្អហើយរូបភាពធំ ៗ បន្ថយទំព័រយ៉ាងខ្លាំងទោះបីជាអ្នកប្រើគុណលក្ខណៈ LOWSRC ក៏ដោយ។