គោលការណ៍ដ៏សំខាន់មួយនៃចលនាស្តង់ដារបណ្ដាញដែលទទួលខុសត្រូវចំពោះឧស្សាហកម្មដែលយើងមាននាពេលបច្ចុប្បន្ននេះគឺជាគំនិតនៃការប្រើធាតុ HTML សម្រាប់អ្វីដែលពួកគេជាជាងការដែលពួកគេអាចលេចឡើងក្នុងកម្មវិធីរុករកតាមលំនាំដើម។ នេះត្រូវបានគេស្គាល់ថាជាការប្រើ HTML សន្មត់។
តើអ្វីជា HTML Semantic
ការសម្គាល់ HTML ឬសញ្ញាន័យសន្មតគឺជា HTML ដែលបង្ហាញអត្ថន័យលើទំព័របណ្ដាញជាជាងបង្ហាញ។ ឧទាហរណ៍ស្លាក
បញ្ជាក់ថាអត្ថបទដែលបានបិទភ្ជាប់ជាកថាខណ្ឌ។
នេះគឺមានន័យថាសូរស័ព្ទនិងការបង្ហាញពីព្រោះមនុស្សដឹងពីអ្វីដែលកថាខណ្ឌមានហើយកម្មវិធីរុករកដឹងពីរបៀបដើម្បីបង្ហាញវា។
នៅផ្នែកខាងឆ្វេងនៃសមីការនេះស្លាកដូចជា និង មិនមែនជាន័យធៀបនោះទេព្រោះវាកំណត់តែអត្ថបទដែលមើលទៅគួរឱ្យធុញទ្រាន់ឬមិនធម្មតានិងមិនផ្តល់អត្ថន័យបន្ថែមទៅនឹងការសម្គាល់។
ឧទាហរណ៍នៃស្លាក HTML semantic រួមមានស្លាកបឋមកថា
តាមរយៈ , , និង ។ មានស្លាក HTML ដែលមានន័យជាច្រើនទៀតដែលអាចត្រូវបានប្រើនៅពេលដែលអ្នកបង្កើតវេបសាយដែលមានលក្ខណៈស្តង់ដារ។
ហេតុអ្វីបានជាអ្នកគួរយកចិត្តទុកដាក់លើពាក្យពញ្ញ
អត្ថប្រយោជន៍នៃការបកប្រែនិរន្តសញ្ញា HTML គឺមកពីអ្វីដែលគួរតែជាគោលដៅបើកបរនៃគេហទំព័រណាមួយ - បំណងប្រាថ្នាក្នុងការប្រាស្រ័យទាក់ទង។ ដោយបន្ថែមស្លាកន័យធៀបនៅក្នុងឯកសារអ្នកផ្តល់ព័ត៌មានបន្ថែមអំពីឯកសារនោះដែលជួយក្នុងការទំនាក់ទំនង។ ជាពិសេស, ស្លាក semantic ធ្វើឱ្យវាច្បាស់ទៅកម្មវិធីរុករកអ្វីដែលអត្ថន័យនៃទំព័រមួយនិងមាតិការបស់វាគឺ។
ភាពច្បាស់លាស់នេះត្រូវបានទាក់ទងជាមួយម៉ាស៊ីនស្វែងរកផងដែរដោយធានាថាទំព័រត្រឹមត្រូវត្រូវបានបញ្ជូនទៅសំណួរត្រឹមត្រូវ។
ស្លាក HTML Semantic ផ្តល់នូវព័ត៌មានអំពីមាតិកានៃស្លាកទាំងនោះដែលហួសពីរបៀបដែលពួកគេមើលលើទំព័រ។ អត្ថបទដែលត្រូវបានភ្ជាប់ក្នុងស្លាក ត្រូវបានទទួលស្គាល់ភ្លាមៗដោយកម្មវិធីរុករកជាប្រភេទកូដភាសាមួយចំនួន។
ជំនួសឱ្យការព្យាយាមបង្ហាញកូដនោះកម្មវិធីរុករកដឹងថាអ្នកកំពុងប្រើអត្ថបទនោះជាឧទាហរណ៍នៃកូដសម្រាប់គោលបំណងនៃអត្ថបទឬការបង្រៀនតាមអ៊ិនធរណេតប្រភេទណាមួយ។
ការប្រើប្រាស់ស្លាកសញ្ញា semantic ផ្តល់ឱ្យអ្នកនូវទំពក់ជាច្រើនទៀតសម្រាប់ការកំណត់រចនាប័ទ្មមាតិការបស់អ្នក។ ប្រហែលជាថ្ងៃនេះអ្នកចង់ឱ្យគំរូកូដរបស់អ្នកបង្ហាញនៅក្នុងរចនាប័ទ្មកម្មវិធីរុករកលំនាំដើមប៉ុន្តែថ្ងៃស្អែកអ្នកចង់ហៅពួកវាចេញជាមួយពណ៌ផ្ទៃខាងក្រោយពណ៌ប្រផេះហើយក្រោយមកអ្នកចង់កំណត់ពុម្ពអក្សរយូនីកូដជាក់លាក់ឬ ពុម្ពអក្សរដែល ត្រូវប្រើសម្រាប់ គំរូរបស់អ្នក។ អ្នកអាចធ្វើបានយ៉ាងងាយស្រួលនូវអ្វីៗទាំងអស់នេះដោយប្រើការសម្គាល់និមិត្តសញ្ញាហើយប្រើ CSS ដែលឆ្លាតវៃ។
ប្រើស្លាកសញ្ញា Semantic ត្រឹមត្រូវ
នៅពេលអ្នកចង់ប្រើស្លាកសញ្ញា semantic ដើម្បីបញ្ជូនអត្ថន័យជាជាងសម្រាប់គោលបំណងបង្ហាញអ្នកត្រូវប្រយ័ត្នប្រយែងថាអ្នកមិនប្រើវាមិនត្រឹមត្រូវសម្រាប់លក្ខណសម្បត្តិបង្ហាញទូទៅរបស់វា។ មួយចំនួននៃស្លាក semantic មិនត្រឹមត្រូវប្រើជាទូទៅរួមមាន:
- blockquote - មនុស្សខ្លះប្រើស្លាក ដើម្បីមើលអត្ថបទដែលមិនមានសម្រង់។ នេះដោយសារតែ blockquotes ត្រូវបានចូលបន្ទាត់តាមលំនាំដើម។ ប្រសិនបើអ្នកចង់បានអត្ថប្រយោជន៍នៃការចូលបន្ទាត់ប៉ុន្តែអត្ថបទមិនមែនជាអត្ថបទបិទបាំងទេសូមប្រើរឹម CSS ជំនួសវិញ។
- p - កម្មវិធីនិពន្ធគេហទំព័រមួយចំនួនប្រើប្រាស់
& nbsp; (កន្លែងមិនបំបែកដែលមាននៅក្នុងកថាខណ្ឌមួយ) ដើម្បីបន្ថែមចន្លោះបន្ថែមរវាងធាតុទំព័រជាជាងការកំណត់កថាខណ្ឌពិតសម្រាប់អត្ថបទនៃទំព័រនោះ។ ដូចនឹងឧទាហរណ៍ការចូលបន្ទាត់ដែលបានរៀបរាប់ពីមុនអ្នកគួរតែប្រើលក្ខណៈរចនាប័ទ្មរឹមឬរាបស្មើដើម្បីបន្ថែមចន្លោះ។
- ul - ដូច blockquote ព័ទ្ធជុំវិញអត្ថបទនៅក្នុង
tag ដកឃ្លាដែលអត្ថបទនៅក្នុងកម្មវិធីរុករកច្រើនបំផុត។ នេះគឺមិនត្រឹមត្រូវហើយមិនត្រឹមត្រូវ HTML ព្រោះមានតែស្លាក - មានសុពលភាពនៅក្នុងស្លាក
។ ជាថ្មីម្តងទៀតប្រើរចនាប័ទ្មរឹមឬរាបស្មើដើម្បីចូលបន្ទាត់អត្ថបទ។
- h1-h6 - ស្លាកចំណងជើងអាចត្រូវបានប្រើដើម្បីធ្វើឱ្យពុម្ពអក្សរធំនិងធំជាងប៉ុន្តែប្រសិនបើអត្ថបទមិនមែនជាក្បាលទេវាមិនគួរស្ថិតនៅក្នុងស្លាកក្បាល។ ប្រើលក្ខណសម្បត្តិ CSS ទំហំពុម្ពអក្សរនិងពុម្ពអក្សរជំនួសបើអ្នកចង់ផ្លាស់ប្តូរទំហំឬទម្ងន់នៃអត្ថបទជាក់លាក់នៅលើទំព័ររបស់អ្នក ..
ដោយប្រើស្លាក HTML ដែលមានអត្ថន័យអ្នកបង្កើតទំព័រដែលផ្តល់ព័ត៌មានច្រើនជាងអ្វីដែលនៅជុំវិញជុំវិញជាមួយស្លាក
។
តើស្លាក HTML មួយណាដែលមានន័យធៀប?
ខណៈពេលដែលស្ទើរតែរាល់ស្លាក HTML4 និងស្លាក HTML5 ទាំងអស់មានអត្ថន័យតាមបែបសន្មតស្លាកមួយចំនួនមានអត្ថន័យជាធម្មជាតិ។
ឧទាហរណ៍ HTML5 បានកំណត់ន័យអត្ថន័យនៃស្លាក និង ដើម្បីជាសញ្ញាន័យ។ ស្លាក មិនបង្ហាញពីសារៈសំខាន់ទេប៉ុន្តែជាអត្ថបទដែលត្រូវបានបង្ហាញជាអក្សរដិត។ ស្លាក ក៏មិនបង្ហាញពីសារៈសំខាន់ឬការសង្កត់ធ្ងន់បន្ថែមទៀតដែរទេប៉ុន្តែត្រូវកំណត់អត្ថបទដែលជាធម្មតាត្រូវបានបង្ហាញជាអក្សរទ្រេត។
ស្លាក HTML Semantic
អក្សរកាត់ <អក្សរកាត់> កិរិយាសព្ទ
សម្រង់វែង និយមន័យ <អាសយដ្ឋាន> អាសយដ្ឋានសម្រាប់អ្នកនិពន្ធនៃឯកសារ ការដកស្រង់ លេខយោង អត្ថបទទូរស័ព្ទ ផ្នែកតក្កវិជ្ជា ធុងរចនាប័ទ្មក្នុងជួរ បានលុបអត្ថបទ បញ្ចូលអត្ថបទ ការសង្កត់ ការសង្កត់ធ្ងន់យ៉ាងខ្លាំង
ចំណងជើងកម្រិតទីមួយ
ចំណងជើងកម្រិតទីពីរ
ចំណងជើងកម្រិតទីបី
ចំណងជើងទីបួនកម្រិត
ចំណងជើងកម្រិតទីប្រាំ
ចំណងជើងទីប្រាំមួយកម្រិត
ការបំបែកវេទនា អត្ថបទដែលត្រូវបញ្ចូលដោយអ្នកប្រើ <មុន> អត្ថបទដែលបានធ្វើទ្រង់ទ្រាយមុន
សម្រង់ខ្សែខ្លី ទិន្នផលគំរូ <អនុ> អក្សរតូចក្រោម អក្សរតូចលើ អត្ថបទកំណត់អថេរឬអ្នកប្រើ
, និង ។ មានស្លាក HTML ដែលមានន័យជាច្រើនទៀតដែលអាចត្រូវបានប្រើនៅពេលដែលអ្នកបង្កើតវេបសាយដែលមានលក្ខណៈស្តង់ដារ។
ហេតុអ្វីបានជាអ្នកគួរយកចិត្តទុកដាក់លើពាក្យពញ្ញ
អត្ថប្រយោជន៍នៃការបកប្រែនិរន្តសញ្ញា HTML គឺមកពីអ្វីដែលគួរតែជាគោលដៅបើកបរនៃគេហទំព័រណាមួយ - បំណងប្រាថ្នាក្នុងការប្រាស្រ័យទាក់ទង។ ដោយបន្ថែមស្លាកន័យធៀបនៅក្នុងឯកសារអ្នកផ្តល់ព័ត៌មានបន្ថែមអំពីឯកសារនោះដែលជួយក្នុងការទំនាក់ទំនង។ ជាពិសេស, ស្លាក semantic ធ្វើឱ្យវាច្បាស់ទៅកម្មវិធីរុករកអ្វីដែលអត្ថន័យនៃទំព័រមួយនិងមាតិការបស់វាគឺ។
ភាពច្បាស់លាស់នេះត្រូវបានទាក់ទងជាមួយម៉ាស៊ីនស្វែងរកផងដែរដោយធានាថាទំព័រត្រឹមត្រូវត្រូវបានបញ្ជូនទៅសំណួរត្រឹមត្រូវ។
ស្លាក HTML Semantic ផ្តល់នូវព័ត៌មានអំពីមាតិកានៃស្លាកទាំងនោះដែលហួសពីរបៀបដែលពួកគេមើលលើទំព័រ។ អត្ថបទដែលត្រូវបានភ្ជាប់ក្នុងស្លាក ត្រូវបានទទួលស្គាល់ភ្លាមៗដោយកម្មវិធីរុករកជាប្រភេទកូដភាសាមួយចំនួន។
ជំនួសឱ្យការព្យាយាមបង្ហាញកូដនោះកម្មវិធីរុករកដឹងថាអ្នកកំពុងប្រើអត្ថបទនោះជាឧទាហរណ៍នៃកូដសម្រាប់គោលបំណងនៃអត្ថបទឬការបង្រៀនតាមអ៊ិនធរណេតប្រភេទណាមួយ។
ការប្រើប្រាស់ស្លាកសញ្ញា semantic ផ្តល់ឱ្យអ្នកនូវទំពក់ជាច្រើនទៀតសម្រាប់ការកំណត់រចនាប័ទ្មមាតិការបស់អ្នក។ ប្រហែលជាថ្ងៃនេះអ្នកចង់ឱ្យគំរូកូដរបស់អ្នកបង្ហាញនៅក្នុងរចនាប័ទ្មកម្មវិធីរុករកលំនាំដើមប៉ុន្តែថ្ងៃស្អែកអ្នកចង់ហៅពួកវាចេញជាមួយពណ៌ផ្ទៃខាងក្រោយពណ៌ប្រផេះហើយក្រោយមកអ្នកចង់កំណត់ពុម្ពអក្សរយូនីកូដជាក់លាក់ឬ ពុម្ពអក្សរដែល ត្រូវប្រើសម្រាប់ គំរូរបស់អ្នក។ អ្នកអាចធ្វើបានយ៉ាងងាយស្រួលនូវអ្វីៗទាំងអស់នេះដោយប្រើការសម្គាល់និមិត្តសញ្ញាហើយប្រើ CSS ដែលឆ្លាតវៃ។
ប្រើស្លាកសញ្ញា Semantic ត្រឹមត្រូវ
នៅពេលអ្នកចង់ប្រើស្លាកសញ្ញា semantic ដើម្បីបញ្ជូនអត្ថន័យជាជាងសម្រាប់គោលបំណងបង្ហាញអ្នកត្រូវប្រយ័ត្នប្រយែងថាអ្នកមិនប្រើវាមិនត្រឹមត្រូវសម្រាប់លក្ខណសម្បត្តិបង្ហាញទូទៅរបស់វា។ មួយចំនួននៃស្លាក semantic មិនត្រឹមត្រូវប្រើជាទូទៅរួមមាន:
- blockquote - មនុស្សខ្លះប្រើស្លាក ដើម្បីមើលអត្ថបទដែលមិនមានសម្រង់។ នេះដោយសារតែ blockquotes ត្រូវបានចូលបន្ទាត់តាមលំនាំដើម។ ប្រសិនបើអ្នកចង់បានអត្ថប្រយោជន៍នៃការចូលបន្ទាត់ប៉ុន្តែអត្ថបទមិនមែនជាអត្ថបទបិទបាំងទេសូមប្រើរឹម CSS ជំនួសវិញ។
- p - កម្មវិធីនិពន្ធគេហទំព័រមួយចំនួនប្រើប្រាស់
& nbsp; (កន្លែងមិនបំបែកដែលមាននៅក្នុងកថាខណ្ឌមួយ) ដើម្បីបន្ថែមចន្លោះបន្ថែមរវាងធាតុទំព័រជាជាងការកំណត់កថាខណ្ឌពិតសម្រាប់អត្ថបទនៃទំព័រនោះ។ ដូចនឹងឧទាហរណ៍ការចូលបន្ទាត់ដែលបានរៀបរាប់ពីមុនអ្នកគួរតែប្រើលក្ខណៈរចនាប័ទ្មរឹមឬរាបស្មើដើម្បីបន្ថែមចន្លោះ។
- ul - ដូច blockquote ព័ទ្ធជុំវិញអត្ថបទនៅក្នុង
tag ដកឃ្លាដែលអត្ថបទនៅក្នុងកម្មវិធីរុករកច្រើនបំផុត។ នេះគឺមិនត្រឹមត្រូវហើយមិនត្រឹមត្រូវ HTML ព្រោះមានតែស្លាក - មានសុពលភាពនៅក្នុងស្លាក
។ ជាថ្មីម្តងទៀតប្រើរចនាប័ទ្មរឹមឬរាបស្មើដើម្បីចូលបន្ទាត់អត្ថបទ។
- h1-h6 - ស្លាកចំណងជើងអាចត្រូវបានប្រើដើម្បីធ្វើឱ្យពុម្ពអក្សរធំនិងធំជាងប៉ុន្តែប្រសិនបើអត្ថបទមិនមែនជាក្បាលទេវាមិនគួរស្ថិតនៅក្នុងស្លាកក្បាល។ ប្រើលក្ខណសម្បត្តិ CSS ទំហំពុម្ពអក្សរនិងពុម្ពអក្សរជំនួសបើអ្នកចង់ផ្លាស់ប្តូរទំហំឬទម្ងន់នៃអត្ថបទជាក់លាក់នៅលើទំព័ររបស់អ្នក ..
ដោយប្រើស្លាក HTML ដែលមានអត្ថន័យអ្នកបង្កើតទំព័រដែលផ្តល់ព័ត៌មានច្រើនជាងអ្វីដែលនៅជុំវិញជុំវិញជាមួយស្លាក
។
តើស្លាក HTML មួយណាដែលមានន័យធៀប?
ខណៈពេលដែលស្ទើរតែរាល់ស្លាក HTML4 និងស្លាក HTML5 ទាំងអស់មានអត្ថន័យតាមបែបសន្មតស្លាកមួយចំនួនមានអត្ថន័យជាធម្មជាតិ។
ឧទាហរណ៍ HTML5 បានកំណត់ន័យអត្ថន័យនៃស្លាក និង ដើម្បីជាសញ្ញាន័យ។ ស្លាក មិនបង្ហាញពីសារៈសំខាន់ទេប៉ុន្តែជាអត្ថបទដែលត្រូវបានបង្ហាញជាអក្សរដិត។ ស្លាក ក៏មិនបង្ហាញពីសារៈសំខាន់ឬការសង្កត់ធ្ងន់បន្ថែមទៀតដែរទេប៉ុន្តែត្រូវកំណត់អត្ថបទដែលជាធម្មតាត្រូវបានបង្ហាញជាអក្សរទ្រេត។
ស្លាក HTML Semantic
អក្សរកាត់ <អក្សរកាត់> កិរិយាសព្ទ
សម្រង់វែង និយមន័យ <អាសយដ្ឋាន> អាសយដ្ឋានសម្រាប់អ្នកនិពន្ធនៃឯកសារ ការដកស្រង់ លេខយោង អត្ថបទទូរស័ព្ទ ផ្នែកតក្កវិជ្ជា ធុងរចនាប័ទ្មក្នុងជួរ បានលុបអត្ថបទ បញ្ចូលអត្ថបទ ការសង្កត់ ការសង្កត់ធ្ងន់យ៉ាងខ្លាំង
ចំណងជើងកម្រិតទីមួយ
ចំណងជើងកម្រិតទីពីរ
ចំណងជើងកម្រិតទីបី
ចំណងជើងទីបួនកម្រិត
ចំណងជើងកម្រិតទីប្រាំ
ចំណងជើងទីប្រាំមួយកម្រិត
ការបំបែកវេទនា អត្ថបទដែលត្រូវបញ្ចូលដោយអ្នកប្រើ <មុន> អត្ថបទដែលបានធ្វើទ្រង់ទ្រាយមុន
សម្រង់ខ្សែខ្លី ទិន្នផលគំរូ <អនុ> អក្សរតូចក្រោម អក្សរតូចលើ អត្ថបទកំណត់អថេរឬអ្នកប្រើ