ប្រើ @import ក្នុងសន្លឹករចនាប័ទ្មជាល្បាក់ (CSS)

មានវិធីជាច្រើនដែលអ្នកអាចអនុវត្តរចនាប័ទ្ម CSS ទៅគេហទំព័ររួមទាំងសន្លឹករចនាប័ទ្មខាងក្រៅឬ រចនាប័ទ្មក្នុងបន្ទាត់ ។ ប្រសិនបើអ្នកកំពុងប្រើសន្លឹករចនាប័ទ្មខាងក្រៅដែលជាមធ្យោបាយដែលបានផ្ដល់អនុសាសន៍ដើម្បីបង្ហាញរូបរាងនិងមុខងារនៃឯកសារ HTML វិធីសាស្ត្រមួយគឺត្រូវប្រើ @import ។

ក្បួន @import អនុញ្ញាតឱ្យអ្នកមានសន្លឹករចនាប័ទ្មខាងក្រៅសំខាន់ៗក្នុងឯកសាររបស់អ្នក - ចូលទៅក្នុងទំព័រ HTML ឬសូម្បីតែឯកសារ CSS ផ្សេងទៀត។ ការបំបែករចនាប័ទ្មជាច្រើនទៅក្នុងឯកសារតូចៗដែលផ្តោតសំខាន់ (មួយសម្រាប់ប្លង់មួយសម្រាប់ តួអក្សរ និងមួយសម្រាប់រូបភាព។ ល។ ) ជួនកាលអាចជួយសម្រួលឯកសារទាំងនោះនិងរចនាប័ទ្មផ្សេងៗដែលពួកគេមាន។ ប្រសិនបើអ្នកចង់រីករាយនឹងអត្ថប្រយោជន៍នោះបន្ទាប់មកការនាំចូលឯកសារទាំងនោះគឺជាអ្វីដែលអ្នកត្រូវធ្វើដើម្បីឱ្យវាដំណើរការសម្រាប់ការបង្ហាញទំព័របណ្តាញរបស់អ្នក។

ការនាំចូលទៅក្នុង HTML

ដើម្បីប្រើក្បួន @import ក្នុង HTML របស់អ្នកអ្នកនឹងបន្ថែមដូចខាងក្រោមទៅ របស់ឯកសារ:
:
<រចនាប័ទ្ម>
@import url ("/ styles / default.css");

លេខកូដនេះនឹងនាំចូលសន្លឹករចនាប័ទ្មនេះសម្រាប់ប្រើនៅលើទំព័រ HTML នេះហើយអ្នកអាចគ្រប់គ្រងរចនាប័ទ្មទាំងអស់របស់អ្នកនៅក្នុងឯកសារតែមួយ។ ការធ្លាក់ចុះទៅសន្លឹករចនាប័ទ្មដ៏សំខាន់តាមវិធីនេះគឺថាវិធីសាស្ត្រនេះមិនអនុញ្ញាតឱ្យទាញយកស្របគ្នា។ ទំព័រត្រូវតែទាញយកសន្លឹករចនាប័ទ្មទាំងមូលមុនពេលវាផ្លាស់ទីលើទំព័រដែលនៅសល់នៃទំព័ររួមទាំងឯកសារ CSS ផ្សេងទៀតដែលអ្នកកំពុងនាំចូលដោយប្រើវិធីសាស្ត្រនេះ។ នេះនឹងមានផលប៉ះពាល់អវិជ្ជមានទៅលើល្បឿននិងការទាញយករបស់ទំព័ររបស់អ្នក។ ពិចារណាអំពីភាពសំខាន់នៃការបំពេញទំព័ររបស់គេហទំព័រនេះនៅថ្ងៃនេះភាពវិជ្ជមាននេះអាចជាមូលហេតុដែលអ្នកចង់ជៀសវាងការប្រើ @import ។

វិធីសាស្ត្រជំនួស

ជាជម្រើសដើម្បីប្រើ @import ក្នុង HTML របស់អ្នកអ្នកអាចភ្ជាប់ឯកសារ CSS ដូចខាងក្រោមនេះ:

មុខងារនេះមានលក្ខណៈស្រដៀងទៅនឹង @import នៅក្នុងនោះវាអនុញ្ញាតឱ្យអ្នកគ្រប់គ្រង CSS របស់អ្នកទាំងអស់ពីទីតាំង / ឯកសារកណ្តាលមួយប៉ុន្តែវិធីសាស្រ្តនេះគឺប្រសើរជាងពីទិដ្ឋភាពនៃការទាញយក។ ប្រសិនបើអ្នកនៅតែចង់បំបែកប្រភេទផ្សេងៗគ្នាទៅជាឯកសារដាច់ដោយឡែកអ្នកអាចបន្តធ្វើដូច្នេះហើយប្រើមុខងារ @import នៅក្នុងឯកសារមេមេរបស់អ្នក។ នេះមានន័យថាឯកសារ CSS ខាងក្រៅរបស់អ្នកនៅតែអាចត្រូវបានគ្រប់គ្រងដោយឡែកប៉ុន្តែដោយសារតែពួកគេនាំចូល CSS មេមួយការធ្វើឱ្យប្រសើរឡើង។

ការនាំចូលទៅក្នុង CSS

ការប្រើឧទាហរណ៍កូដ ខាងលើនឹងនាំយកឯកសារ "default.css" ដើម្បីប្រើនៅលើទំព័រ HTML របស់អ្នក។ នៅខាងក្នុងឯកសារ CSS អ្នកនឹងមានរចនាប័ទ្មទំព័រផ្សេងៗ។ អ្នកអាចមានរចនាប័ទ្មទាំងនោះនៅលើទំព័រនោះឬអ្នកអាចប្រើ @import ដើម្បីបំបែកវាដាច់ ៗ ដើម្បីងាយស្រួលគ្រប់គ្រង។ ជាថ្មីម្តងទៀតសូមនិយាយថាយើងកំពុងប្រើឯកសារ CSS ចំនួន 4 ដាច់ដោយឡែក - មួយសម្រាប់ប្លង់មួយសម្រាប់តួអក្សរនិងមួយសម្រាប់រូបភាព។ ឯកសារទីបួនគឺឯកសារ "មេ" របស់យើងដែលជាអ្វីដែលទំព័ររបស់យើងភ្ជាប់ទៅ (ឧទាហរណ៍នេះគឺ "default.css") ។ នៅកំពូលនៃឯកសារមេមេដែលយើងអាចបន្ថែមក្បួនខាងក្រោម:

@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');

ចំណាំថាក្បួនទាំងនេះ ត្រូវតែ មានមុនពេលមាតិកាផ្សេងទៀតទាំងអស់នៅក្នុងឯកសារ CSS របស់អ្នកដើម្បីឱ្យពួកគេធ្វើការ។ អ្នកមិនអាចមានរចនាប័ទ្ម CSS ផ្សេងទៀតមុនពេលច្បាប់នាំចូលទាំងនេះ!

ក្រោមច្បាប់នាំចូលទាំងនោះអ្នកអាចបន្ថែមរចនាប័ទ្ម CSS ផ្សេងៗទៀតដែលអ្នកចង់មាននៅក្នុងសន្លឹកលំនាំដើមរបស់អ្នក។ នៅពេលដែលឯកសារ CSS សំខាន់ត្រូវបានផ្ទុកវាដំបូងនឹងនាំចូលឯកសារដាច់ដោយឡែកទាំងនេះហើយបន្ថែមរចនាប័ទ្មរបស់វាទៅកំពូលនៃសន្លឹករចនាប័ទ្ម។ វានឹងមានរចនាប័ទ្មផ្សេងទៀតរបស់អ្នកទាំងអស់នៅក្រោមអ្នកដែលបាននាំចូលទាំងនេះដោយបង្កើតឯកសារ CSS ពេញលេញដែលកម្មវិធីរុករកអ៊ីនធឺណិតនឹងប្រើដើម្បីបង្ហាញគេហទំព័ររបស់អ្នក។ អ្នកទទួលបានអត្ថប្រយោជន៍នៃការគ្រប់គ្រងឯកសារដែលតូចជាងនិងផ្តោតសំខាន់ជាងនេះខណៈពេលដែលអ្នកនៅតែមានសន្លឹករចនាប័ទ្មតែមួយដែលភ្ជាប់ទៅនឹង HTML ។

ប្រើការនាំចូលសម្រាប់សំណួរប្រព័ន្ធផ្សព្វផ្សាយ

រឿងមួយដែលអ្នកអាចពិចារណាធ្វើវាបំបែក វេបសាយប្រព័ន្ធផ្សព្វផ្សាយរបស់អ្នក សម្រាប់ រចនាប័ទ្មវេបសាយឆ្លើយតប ទៅក្នុងឯកសារដាច់ដោយឡែកពីគ្នា។ ពីព្រោះរចនាប័ទ្មឆ្លើយតបទាំងនេះអាចមានការយល់ច្រឡំនៅពេលដែលត្រូវបានគេមើលឃើញរួមជាមួយនឹងក្បួនរចនាប័ទ្មផ្សេងទៀតនៃគេហទំព័ររបស់អ្នកដោយមានពួកគេនៅលើឯកសាររបស់ពួកគេផ្ទាល់នៅក្នុងឯកសារផ្សេងទៀតអាចមានភាពទាក់ទាញ។ ការព្រួយបារម្ភមួយជាមួយវិធីសាស្រ្តនេះគឺថាចាប់តាំងពីច្បាប់ @import របស់អ្នកត្រូវជាមុននេះមានន័យថាសំណួរប្រព័ន្ធផ្សព្វផ្សាយរបស់អ្នកនឹងត្រូវបានផ្ទុកមុនរចនាប័ទ្មគេហទំព័ររបស់អ្នក។ នៅពេលបង្កើតវេបសាយឆ្លើយតបដំបូងចល័តដែលត្រូវចំណាយពេលអនុវត្តន៍វាទំនងជាបញ្ហា។ សម្រាប់ហេតុផលនេះវាត្រូវបានស្នើថាអ្នកមិនដាក់ផ្នែកឆ្លើយតបរបស់អ្នកដោយឡែកពីគ្នាទេហើយប្រើ @import ដើម្បីនាំវាចូលក្នុងគេហទំព័ររបស់អ្នក។ បាទ / ចាសវាហាក់ដូចជាមានអត្ថប្រយោជន៍នៃការធ្វើដូច្នេះប៉ុន្តែគុណវិបត្តិដែលមានលើសពីអត្ថប្រយោជន៍ទាំងនោះ។

តើខ្ញុំត្រូវប្រើការនាំចូល?

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

ការគាំទ្រកម្មវិធីរុករក

កម្មវិធីរុករកចាស់ខ្លាំងណាស់មានបញ្ហាជាមួយច្បាប់ @import ទាំងនេះមួយចំនួនប៉ុន្តែកម្មវិធីរុករកទាំងនេះទំនងជាមិនមានបញ្ហាសម្រាប់អ្នកប៉ុន្មានថ្ងៃមកនេះ។ នេះជាការពិតនៅពេលបច្ចុប្បន្នដែលចុងបញ្ចប់នៃជីវិតរបស់កំណែចាស់របស់កម្មវិធី Internet Explorer បានកន្លងផុតទៅហើយ។ ទីបំផុតប្រសិនបើអ្នកសម្រេចចិត្តប្រើច្បាប់ @import នៅក្នុង HTML ឬ CSS របស់អ្នកអ្នកមិនគួរមានបញ្ហាជាមួយកំណែចាស់នៃកម្មវិធីរុករកបណ្តាញទេលុះត្រាតែអ្នកមានតម្រូវការចំឡែកខ្លះដើម្បីគាំទ្រកំណែចាស់នៃអាយ។

អត្ថបទដើមរបស់នាង Jennifer Krynin ។ កែសម្រួលដោយលោក Jeremy Girard ។