តើភាពខុសគ្នារវាង DIV និង SECTION គឺជាអ្វី?

ការយល់អំពី HTML5 ផ្នែក SECTION

នៅពេលដែល HTML5 បានបញ្ចូលនៅលើឆាកជាច្រើនឆ្នាំមុនវាបានបន្ថែម bunch នៃធាតុផ្នែកថ្មីទៅ langauge រួមទាំងធាតុ SECTION ។ ភាគច្រើននៃធាតុថ្មីដែល HTML5 ណែនាំមានការប្រើប្រាស់ច្បាស់លាស់។ ឧទាហរណ៍ធាតុត្រូវបានប្រើដើម្បីកំណត់អត្ថបទនិងផ្នែកសំខាន់ៗនៃទំព័របណ្ដាញធាតុត្រូវបានប្រើដើម្បីកំណត់ខ្លឹមសារទាក់ទងដែលមិនសំខាន់ចំពោះទំព័រដែលនៅសល់ហើយបឋមកថាបាតជើងនិងបាតកថាគឺជាការពន្យល់ដោយខ្លួនឯង។ ទោះយ៉ាងណាក៏ដោយធាតុ SECTION ដែលទើបនឹងត្រូវបានបន្ថែមបន្តិចបន្តួច។

មនុស្សជាច្រើនជឿថាធាតុអេចអេច ក្រាហ្វិច SECTION ហើយវាពិតជាធាតុដូច ៗ គ្នា - វត្ថុផ្ទុកទូទៅប្រើសម្រាប់ផ្ទុកមាតិកានៅលើគេហទំព័រ។ ការពិតទោះជាយ៉ាងណាគឺថាធាតុទាំងពីរនេះខណៈពេលដែលធាតុទាំងពីរត្រូវបានផ្ទុកគឺមិនមានអ្វីក្រៅពីទូទៅ។ មានហេតុផលជាក់លាក់ដើម្បីប្រើទាំងផ្នែក SECTION និងធាតុ DIV ហើយអត្ថបទនេះនឹងពន្យល់អំពីភាពខុសគ្នាទាំងនោះ។

ផ្នែកនិងវិវាទ

ធាតុ SECTION ត្រូវបានកំណត់ជាផ្នែកស័ព្ទនៃទំព័រវ៉ិបសាយឬវែបសាយដែលមិនមែនជាប្រភេទជាក់លាក់បន្ថែមទៀត (ដូចជាអត្ថបទឬមួយឡែក) ។ ខ្ញុំមានទំនោរក្នុងការប្រើធាតុនេះនៅពេលខ្ញុំកំពុងសម្គាល់ផ្នែកផ្សេងគ្នានៃទំព័រ - ផ្នែកមួយដែលអាចលក់ដុំត្រូវបានប្រើនៅលើទំព័រផ្សេងទៀតឬផ្នែកណាមួយនៃគេហទំព័រ។ វាជាបំណែកមួយនៃខ្លឹមសារឬ "ផ្នែក" នៃមាតិកាប្រសិនបើអ្នកនឹង។

ផ្ទុយទៅវិញអ្នកប្រើធាតុ DIV សម្រាប់ផ្នែកខ្លះនៃទំព័រដែលអ្នកចង់បែងចែកប៉ុន្តែសម្រាប់គោលបំណងផ្សេងទៀតក្រៅពី ន័យធៀប ។ ខ្ញុំនឹងរុំមាតិកានៃមាតិកាក្នុងផ្នែកមួយប្រសិនបើខ្ញុំធ្វើដូច្នេះសុទ្ធសាធដើម្បីឱ្យខ្លួនខ្ញុំផ្ទាល់ "hook" ដើម្បីប្រើជាមួយ CSS ។ វាអាចមិនមែនជាផ្នែកខុសគ្នានៃមាតិកាដែលផ្អែកលើន័យវិទ្យាទេប៉ុន្តែវាជាអ្វីដែលខ្ញុំចង់និយាយដើម្បីសម្រេចបាននូវប្លង់ដែលខ្ញុំចង់បានសម្រាប់ទំព័ររបស់ខ្ញុំ។

វាទាំងអស់អំពីសទ្ទានុក្រម

នេះគឺជាគំនិតពិបាកក្នុងការយល់ប៉ុន្តែភាពខុសគ្នាតែមួយរវាងធាតុ DIV និងធាតុ SECTION គឺជាន័យវិទ្យា។ នៅក្នុងពាក្យផ្សេងទៀតវាជា អត្ថន័យ នៃផ្នែកកូដដែលអ្នកកំពុងបែងចែក។

ខ្លឹមសារណាមួយដែលមាននៅខាងក្នុងធាតុ DIV មិនមានអត្ថន័យច្បាស់លាស់ទេ។ វាត្រូវបានគេប្រើសម្រាប់អ្វីដែលល្អបំផុតដូចជា:

• រចនាប័ទ្ម CSS និងទំពក់សម្រាប់រចនាប័ទ្ម CSS
• ធុងប្លង់
• JavaScript hooks
• ការបែងចែកសម្រាប់ HTML ដើម្បីធ្វើឱ្យវាកាន់តែងាយស្រួលអាន

ធាតុ DIV ត្រូវបានប្រើជាធាតុតែមួយគត់ដែលយើងមានសម្រាប់ការបន្ថែមទំពក់ទៅនឹងរចនាប័ទ្មឯកសាររបស់យើងនិងបង្កើតជួរឈរនិងប្លង់ពុម្ពអក្សរក្បូរក្បាច់។ ដោយសារតែនោះយើងបានបញ្ចប់ជាមួយ HTML ដែលត្រូវបានពោរពេញទៅដោយធាតុ DIV - អ្វីដែលអ្នករចនាគេហទំព័រអាចហៅថា "ការបែកបាក់គ្នា" ។ មានអ្នកសរសេរកម្មវិធី WYSIWYG ដែលប្រើធាតុ DIV ទាំងស្រុង។ ខ្ញុំពិតជារត់លើ HTML ដែលប្រើធាតុ DIV ជំនួសឱ្យកថាខណ្ឌ!

ជាមួយ HTML5 យើងអាចចាប់ផ្តើមប្រើផ្នែកនៃផ្នែកដើម្បីបង្កើតឯកសារពិពណ៌នាតាមលក្ខខណ្ឌបន្ថែមទៀត (ដោយប្រើសម្រាប់ការរុករកនិងតួអក្សរពិពណ៌នា។ ល។ ) ហើយក៏កំណត់រចនាប័ទ្មលើធាតុទាំងនោះផងដែរ។

តើមានអ្វីអំពីធាតុ SPAN?

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

មិនមានធាតុផ្នែកបញ្ចូលបន្ទាត់ប្រៀបធៀបនៅក្នុង HTML5 ទេ។

សម្រាប់កំណែចាស់ៗនៃ Internet Explorer

ទោះបីជាអ្នកកំពុងគាំទ្រកំណែចាស់នៃ IE (ដូចជា IE 8 និងទាបជាងនេះ) ដែលមិនអាចទទួលស្គាល់ HTML5 បាននោះអ្នកមិនគួរខ្លាចប្រើស្លាក HTML ត្រឹមត្រូវទេ។ សញ្ញាន័យវិទ្យានឹងជួយអ្នកនិងក្រុមរបស់អ្នកគ្រប់គ្រងទំព័រនេះនាពេលអនាគត (ពីព្រោះអ្នកនឹងដឹងថាផ្នែកនោះគឺជាអត្ថបទបើវាត្រូវបានហ៊ុំព័ទ្ធដោយធាតុ ARTICLE) ។ បូក, កម្មវិធីរុករកដែលមិនស្គាល់ស្លាកទាំងនោះនឹងជួយពួកគេឱ្យប្រសើរឡើង។

អ្នកនៅតែអាចប្រើធាតុផ្នែកស្នាមម្រាមដៃ HTML5 ជាមួយកម្មវិធី Internet Explorer អ្នកគ្រាន់តែត្រូវការបន្ថែមស្គ្រីបនិងអាចមានធាតុ DIV ជុំវិញមួយចំនួនដើម្បីឱ្យពួកគេទទួលស្គាល់ស្លាកថាជា HTML ។

ប្រើ DIV និងផ្នែក SECTION

ប្រសិនបើអ្នកប្រើវាត្រឹមត្រូវអ្នកអាចប្រើធាតុ DIV និង SECTION ទាំងអស់ជាមួយឯកសារ HTML5 ត្រឹមត្រូវ។ ដូចដែលអ្នកបានឃើញនៅក្នុងអត្ថបទនេះអ្នកប្រើធាតុ SECTION ដើម្បីកំណត់ផ្នែកដាច់ពីគ្នានៃមាតិកាហើយអ្នកប្រើធាតុ DIV ជាគូបសម្រាប់ CSS និង JavaScript ក៏ដូចជាការកំណត់ប្លង់ដែលមិនមានអត្ថន័យ semantic ។

អត្ថបទដើមរបស់នាង Jennifer Krynin ។ បានកែសម្រួលដោយលោក Jeremy Girard នៅថ្ងៃទី 3 ខែ 15/17