សន្លឹករចនាប័ទ្មល្បាក់ជាអ្វី?
វេបសាយមានចំនួននៃបំណែកបុគ្គលរួមទាំងរូបភាពអត្ថបទនិងឯកសារជាច្រើន។ ឯកសារទាំងនេះមិនត្រឹមតែរួមបញ្ចូលនូវឯកសារដែលអាចតភ្ជាប់ពីទំព័រផ្សេងៗដូចជាឯកសារ PDF ប៉ុណ្ណោះទេប៉ុន្តែឯកសារដែលត្រូវបានប្រើដើម្បីបង្កើតទំព័រខ្លួនឯងផងដែរដូចជាឯកសារ HTML ដើម្បីកំណត់រចនាសម្ព័ន្ធទំព័រនិង CSS (ឯកសាររចនាប័ទ្មល្បាក់) ។ ដើម្បីកំណត់រូបរាងទំព័រ។ អត្ថបទនេះនឹងពិចារណាអំពី CSS ដែលគ្របដណ្តប់លើអ្វីដែលវានិងកន្លែងដែលវាត្រូវបានប្រើនៅលើគេហទំព័រនាពេលបច្ចុប្បន្ននេះ។
មេរៀនប្រវត្តិ CSS
CSS ត្រូវបានបង្កើតឡើងជាលើកដំបូងនៅក្នុងឆ្នាំ 1997 ជាវិធីមួយសម្រាប់អ្នកបង្កើតគេហទំព័រដើម្បីកំណត់រូបរាងដែលអាចមើលឃើញនៃគេហទំព័រដែលពួកគេកំពុងបង្កើត។ វាត្រូវបានបម្រុងទុកដើម្បីអនុញ្ញាតឱ្យអ្នកជំនាញខាងបណ្តាញដើម្បី បំបែកមាតិកា និងរចនាសម្ព័ន្ធនៃលេខកូដតំបន់បណ្តាញពីការរចនាដែលមើលឃើញ, អ្វីដែលមិនអាចធ្វើបានមុនពេលនេះ។
ការបំបែករចនាប័ទ្មនិងរចនាប័ទ្មអនុញ្ញាតឱ្យ HTML ដើម្បីអនុវត្តមុខងារជាច្រើនដែលដើមឡើយមានមូលដ្ឋានលើ - ការសម្គាល់នៃមាតិកាដោយមិនចាំបាច់ព្រួយបារម្ភអំពីការរចនានិងប្លង់នៃទំព័រខ្លួនវាអ្វីដែលត្រូវបានគេស្គាល់ជាទូទៅថាជា "រូបរាងនិងអារម្មណ៍" នៃទំព័រ។
CSS មិនបានទទួលបានប្រជាប្រិយភាពទេរហូតដល់ឆ្នាំ 2000 នៅពេលដែលកម្មវិធីរុករកបណ្តាញបានចាប់ផ្តើមប្រើច្រើនជាងលក្ខណៈពុម្ពអក្សរនិងពណ៌នៃភាសាសម្គាល់នេះ។ សព្វថ្ងៃនេះកម្មវិធីរុករកទំនើបទាំងអស់គាំទ្រ CSS កម្រិតទី 1 ភាគច្រើននៃកម្រិត CSS កម្រិត 2 និងទិដ្ឋភាពភាគច្រើននៃ CSS កម្រិត 3 ។ នៅពេលដែល CSS បន្តវិវឌ្ឍនិងរចនាប័ទ្មថ្មីត្រូវបានណែនាំកម្មវិធីរុករកបណ្តាញបានចាប់ផ្តើមអនុវត្តម៉ូឌុលដែលនាំមកនូវការគាំទ្រ CSS ថ្មីទៅក្នុងកម្មវិធីរុករកទាំងនោះនិងផ្តល់ឱ្យអ្នករចនាគេហទំព័រឧបករណ៍ដ៏មានឥទ្ធិពលថ្មីដើម្បីធ្វើការជាមួយ។
ក្នុងរយៈពេលជាច្រើនឆ្នាំកន្លងមកនេះមានអ្នករចនាគេហទំព័រមួយចំនួនដែលបដិសេធមិនប្រើ CSS សម្រាប់ការរចនានិងការបង្កើតវិបសាយប៉ុន្តែការអនុវត្តនោះគឺសុទ្ធតែចេញពីឧស្សាហកម្មនាពេលបច្ចុប្បន្ននេះ។ បច្ចុប្បន្ន CSS គឺជាស្តង់ដារដែលត្រូវបានប្រើប្រាស់យ៉ាងទូលំទូលាយក្នុងការរចនាគេហទំព័រហើយអ្នកនឹងពិបាកសង្កត់ធ្ងន់ក្នុងការស្វែងរកនរណាម្នាក់ដែលធ្វើការនៅក្នុងឧស្សាហកម្មនាពេលបច្ចុប្បន្ននេះដែលមិនមានការយល់ដឹងជាមូលដ្ឋានអំពីភាសានេះ។
CSS គឺជាអក្សរកាត់
ដូចដែលបានរៀបរាប់រួចមកហើយពាក្យ CSS តំណាងឱ្យ "សន្លឹករចនាប័ទ្មជាល្បាក់" ។ ចូរបំបែកឃ្លានេះចុះបន្តិចដើម្បីពន្យល់ឱ្យបានពេញលេញអំពីអ្វីដែលឯកសារទាំងនេះធ្វើ។
ពាក្យ "សន្លឹករចនាប័ទ្ម" សំដៅលើឯកសារខ្លួនវា (ដូចជាឯកសារ HTML, ឯកសារ CSS ពិតជាឯកសារអត្ថបទដែលអាចត្រូវបានកែសម្រួលដោយកម្មវិធីជាច្រើន) ។ សន្លឹករចនាប័ទ្មត្រូវបានប្រើសម្រាប់ ការរៀបចំ ឯកសារអស់រយៈពេលជាច្រើនឆ្នាំ។ ពួកវាជាលក្ខណៈបច្ចេកទេសសម្រាប់ប្លង់ណាមួយមិនថាបោះពុម្ពឬនៅលើអ៊ីនធឺណិត។ អ្នករចនាបោះពុម្ពបានប្រើក្រដាសរចនាប័ទ្មយូរមកហើយដើម្បីធានាថាការរចនារបស់ពួកគេត្រូវបានបោះពុម្ពយ៉ាងជាក់លាក់ទៅនឹងការបញ្ជាក់របស់ពួកគេ។ សន្លឹករចនាប័ទ្មសម្រាប់ទំព័របណ្ដាញមួយមានគោលបំណងដូចគ្នាប៉ុន្តែជាមួយមុខងារបន្ថែមនៃការប្រាប់ពីកម្មវិធីរុករកអ៊ីនធឺណិតផងដែរអំពីរបៀបដើម្បីបង្ហាញឯកសារកំពុងត្រូវបានមើល។ សព្វថ្ងៃនេះសន្លឹករចនាប័ទ្ម CSS ក៏អាចប្រើ សំណួរប្រព័ន្ធផ្សព្វផ្សាយ ដើម្បីផ្លាស់ប្តូរវិធីដែលទំព័រមួយមើលទៅសម្រាប់ ឧបករណ៍ផ្សេងគ្នានិងទំហំអេក្រង់ ។ នេះគឺមិនគួរឱ្យជឿដោយសារវាអនុញ្ញាតឱ្យមានឯកសារ HTML តែមួយដែលត្រូវបានបង្ហាញខុសៗគ្នាយោងតាមអេក្រង់ដែលត្រូវបានប្រើដើម្បីចូលប្រើវា។
ល្បាក់ ជា ល្បែង ពិសេសនៃពាក្យថា "សន្លឹករចនាប័ទ្មល្បាក់" ។ សន្លឹករចនាប័ទ្មវេបសាយមួយ ត្រូវបានបម្រុងទុកដើម្បីរចនាជាស៊េរីនៃរចនាប័ទ្មនៅក្នុងសន្លឹកនោះដូចជាទន្លេនៅលើទឹកជ្រោះមួយ។ ទឹកនៅក្នុងស្ទឹងសង្កត់លើថ្មទាំងអស់នៅក្នុងទឹកជ្រោះតែប៉ុណ្ណោះតែនៅបាតខាងក្រោមប៉ះពាល់ដល់កន្លែងដែលទឹកនឹងហូរ។ ដូចគ្នានេះដែរគឺជាការពិតនៃល្បាក់នៅក្នុងសន្លឹករចនាប័ទ្មវេបសាយ។
ទំព័របណ្ដាញទាំងអស់ត្រូវបានប៉ះពាល់យ៉ាងហោចណាស់សន្លឹករចនាប័ទ្មមួយបើទោះបីជាអ្នករចនាគេហទំព័រមិនអនុវត្តរចនាប័ទ្មក៏ដោយ។ សន្លឹករចនាប័ទ្មនេះគឺជាសន្លឹករចនាប័ទ្ម ភ្នាក់ងារអ្នកប្រើ - ត្រូវបានគេស្គាល់ផងដែរថាជារចនាប័ទ្មលំនាំដើមដែលកម្មវិធីរុករកបណ្ដាញនឹងប្រើដើម្បីបង្ហាញទំព័រប្រសិនបើមិនមានសេចក្តីណែនាំផ្សេងទៀតត្រូវបានផ្តល់។ ឧទាហរណ៍តំណខ្ពស់លំនាំដើមត្រូវបានកំណត់ជាពណ៌ខៀវហើយពួកវាត្រូវបានគូសបញ្ជាក់។ រចនាប័ទ្មទាំងនោះបានមកពីសន្លឹករចនាប័ទ្មលំនាំដើមរបស់កម្មវិធីរុករកបណ្ដាញ។ ប្រសិនបើអ្នករចនាគេហទំព័រផ្តល់សេចក្តីណែនាំផ្សេងៗទោះយ៉ាងណាក៏ដោយកម្មវិធីរុករកនឹងត្រូវដឹងថាការណែនាំណាមានអាទិភាព។ កម្មវិធីរុករកទាំងអស់មានរចនាប័ទ្មលំនាំដើមផ្ទាល់របស់ពួកគេប៉ុន្តែលំនាំដើមជាច្រើន (ដូចជាតំណអត្ថបទគូសបន្ទាត់ក្រោមពណ៌ខៀវ) ត្រូវបានចែករំលែកលើគ្រប់កម្មវិធីនិងកំណែសំខាន់ៗទាំងអស់។
សម្រាប់ឧទាហរណ៍ផ្សេងទៀតនៃកម្មវិធីរុករកលំនាំដើមនៅក្នុងកម្មវិធីរុករកបណ្ដាញរបស់ខ្ញុំពុម្ពអក្សរលំនាំដើមគឺ " ពេលវេលាថ្មីរ៉ូម៉ាំង " ដែលត្រូវបានបង្ហាញនៅទំហំ 16 ។ យ៉ាងហោចណាស់គ្មានទំព័រណាមួយដែលខ្ញុំចូលទៅកាន់បង្ហាញនៅក្នុងគ្រួសារនិងទំហំពុម្ពអក្សរនោះទេ។ នេះគឺដោយសារតែល្បាក់នេះកំណត់ថាសន្លឹករចនាប័ទ្មទីពីរដែលត្រូវបានកំណត់ដោយអ្នកឌីហ្សាញខ្លួនឯងដើម្បីកំណត់ ទំហំពុម្ពអក្សរ និងគ្រួសារជំនួសឱ្យលំនាំដើមរបស់កម្មវិធីរុករកបណ្ដាញរបស់ខ្ញុំ។ សន្លឹករចនាប័ទ្មណាមួយដែលអ្នកបង្កើតសម្រាប់ទំព័រវ៉ិបសាយនឹងមានភាពច្បាស់លាស់ជាងរចនាប័ទ្មលំនាំដើមនៃកម្មវិធីរុករកដូច្នេះលំនាំដើមទាំងនោះនឹងត្រូវបានអនុវត្តបើសន្លឹករចនាប័ទ្មរបស់អ្នកមិនបដិសេធវា។ ប្រសិនបើអ្នកចង់ឱ្យតំណភ្ជាប់ពណ៌ខៀវនិងគូសបន្ទាត់ពីក្រោមអ្នកមិនចាំបាច់ធ្វើអ្វីទេព្រោះវាជាលំនាំដើមប៉ុន្តែបើឯកសារ CSS របស់តំបន់បណ្ដាញរបស់អ្នកនិយាយថាតំណគួរតែពណ៌បៃតងពណ៌នោះនឹងបដិសេធពណ៌ខៀវលំនាំដើម។ គូសបន្ទាត់ពីក្រោមនឹងនៅតែមាននៅក្នុងឧទាហរណ៍នេះពីព្រោះអ្នកមិនបានបញ្ជាក់ច្បាស់លាស់។
តើ CSS ប្រើនៅឯណា?
CSS ក៏អាចប្រើដើម្បីកំនត់របៀបដែលទំព័របណ្តាញគួរតែមើលនៅពេលដែលបានមើលនៅក្នុងប្រព័ន្ធផ្សព្វផ្សាយផ្សេងទៀតជាងកម្មវិធីរុករកអ៊ីនធឺណិត។ ឧទាហរណ៍អ្នកអាចបង្កើតសន្លឹករចនាប័ទ្មបោះពុម្ពដែលនឹងកំណត់របៀបដែលទំព័របណ្ដាញគួរបោះពុម្ពចេញ។ ដោយសារតែធាតុទំព័របណ្ដាញដូចជាប៊ូតុងរុករកឬសំណុំបែបបទបណ្ដាញនឹងគ្មានគោលបំណងនៅលើទំព័របោះពុម្ពសន្លឹកបោះពុម្ពរចនាប័ទ្មអាចត្រូវបានប្រើដើម្បី "បិទ" តំបន់ទាំងនោះនៅពេលដែលទំព័រមួយត្រូវបានបោះពុម្ព។ ខណៈពេលដែលមិនមែនជាការអនុវត្តជាទូទៅនៅលើគេហទំព័រជាច្រើនជម្រើសក្នុងការបង្កើតសន្លឹករចនាប័ទ្មគឺមានឥទ្ធិពលនិងមានភាពទាក់ទាញ (ក្នុងបទពិសោធន៍របស់ខ្ញុំអ្នកជំនាញគេហទំព័រភាគច្រើនមិនធ្វើបែបនេះដោយគ្រាន់តែវិសាលភាពថវិការបស់តំបន់បណ្ដាញមិនទាមទារឱ្យការងារបន្ថែមនេះត្រូវបានធ្វើទេ) ។ ) ។
ហេតុអ្វី CSS មានសារៈសំខាន់?
CSS គឺជាឧបករណ៍មួយដ៏មានឥទ្ធិពលបំផុតដែលអ្នករចនាបណ្ដាញអាចរៀនដោយសារតែវាអាចប៉ះពាល់ដល់រូបរាងដែលមើលឃើញទាំងមូលរបស់គេហទំព័រ។ សន្លឹករចនាប័ទ្មសរសេរបានយ៉ាងល្អអាចត្រូវបានធ្វើឱ្យទាន់សម័យយ៉ាងឆាប់រហ័សនិងអនុញ្ញាតឱ្យគេហទំព័រដើម្បីផ្លាស់ប្តូរអ្វីដែលត្រូវបានកំណត់អាទិភាពលើភ្នែកនៅលើអេក្រង់ដែលបង្ហាញតម្លៃនិងការផ្តោតអារម្មណ៍ទៅកាន់អ្នកទស្សនាដោយគ្មានការផ្លាស់ប្តូរណាមួយដែលចាំបាច់ត្រូវបានធ្វើឡើងដើម្បីសម្គាល់ HTML មូលដ្ឋាន។
បញ្ហាប្រឈមចម្បងរបស់ CSS គឺថាមានការរៀនសូត្របន្តិចបន្តួចហើយជាមួយនឹងកម្មវិធីរុករកដែលផ្លាស់ប្តូរជារៀងរាល់ថ្ងៃអ្វីដែលមានប្រសិទ្ធភាពនៅថ្ងៃនេះប្រហែលជាមិនសមទេនៅថ្ងៃស្អែកដោយសារតែរចនាប័ទ្មថ្មីត្រូវបានគាំទ្រនិងអ្នកផ្សេងទៀតត្រូវបានទម្លាក់ឬធ្លាក់ពីការពេញចិត្តសម្រាប់ហេតុផលមួយឬផ្សេងទៀត។ ។
ដោយសារតែ CSS អាចរៀបចំនិងរួមបញ្ចូលគ្នានិងពិចារណាអំពីរបៀបដែលកម្មវិធីរុករកខុសគ្នាអាចបកប្រែនិងអនុវត្តសេចក្តីណែនាំខុសគ្នា CSS អាចពិបាកជាង HTML ធម្មតាទៅធ្វើជាម្ចាស់។ CSS ក៏ផ្លាស់ប្តូរនៅក្នុងកម្មវិធីរុករកនៅក្នុងវិធីដែល HTML ពិតជាមិនមាន។ នៅពេលអ្នកចាប់ផ្តើមប្រើ CSS អ្នកនឹងឃើញថាការប្រើអានុភាពនៃសន្លឹករចនាប័ទ្មនឹងផ្តល់ឱ្យអ្នកនូវភាពបត់បែនមិនគួរឱ្យជឿនៅក្នុងរបៀបដែលអ្នករៀបចំប្លង់គេហទំព័រនិងកំណត់រូបរាងនិងអារម្មណ៍របស់ពួកគេ។ នៅតាមផ្លូវអ្នកនឹងប្រមូល "ល្បិចកាបូប" នៃរចនាប័ទ្មនិងវិធីសាស្រ្តដែលបានធ្វើការសម្រាប់អ្នកក្នុងពេលកន្លងមកហើយអ្នកអាចត្រលប់ទៅម្តងទៀតនៅពេលអ្នកបង្កើតគេហទំព័រថ្មីនៅថ្ងៃអនាគត។
អត្ថបទដើមរបស់នាង Jennifer Krynin ។ បានកែសម្រួលដោយលោក Jeremy Girard នៅថ្ងៃទី 7 ខែឧសភាឆ្នាំ 17,