តើអ្វីទៅជាស្លាក HTML ធៀបនឹងធាតុរបស់ HTML?

មានភាពខុសគ្នារវាងលក្ខខណ្ឌទាំងពីរនេះ

ការរចនាគេហទំព័រដូចជាឧស្សាហកម្មឬវិជ្ជាជីវៈណាមួយមានភាសារបស់វា។ នៅពេលអ្នកចូលទៅក្នុងឧស្សាហកម្មហើយចាប់ផ្តើមនិយាយទៅកាន់មិត្តភក្ដិរបស់អ្នកអ្នកនឹងជឿជាក់ថាអ្នកនឹងទទួលបានអត្ថន័យនៃឃ្លានិងឃ្លាដែលថ្មីសម្រាប់អ្នកប៉ុន្តែលំហូរនៃអណ្តាតនៃអ្នកជំនាញគេហទំព័ររបស់អ្នក។ ពាក្យពីរដែលអ្នកនឹងលឺគឺស្លាក "HTML" និង "ធាតុ" ។

នៅពេលអ្នកឮពាក្យទាំងពីរនេះអ្នកអាចដឹងថាពួកគេកំពុងត្រូវបានគេប្រើជំនួសគ្នាទៅវិញទៅមក។ ដូច្នេះសំណួរមួយដែលអ្នកជំនាញគេហទំព័រថ្មីជាច្រើនមាននៅពេលដែលពួកគេចាប់ផ្តើមធ្វើការជាមួយកូដ HTML គឺ "តើភាពខុសគ្នារវាងស្លាក HTML និងធាតុអេឡិចត្រូនិច?"

ខណៈពេលដែលពាក្យទាំងពីរនេះគឺស្រដៀងគ្នានៅក្នុងអត្ថន័យ, ពួកគេមិនមែនជាពិតជាមានន័យដូច។ ដូច្នេះអ្វីដែលស្រដៀងគ្នាជាមួយនឹងពាក្យទាំងពីរនេះ? ចម្លើយខ្លីគឺថាទាំងស្លាកនិងធាតុយោងទៅ markup ដែលត្រូវបានប្រើដើម្បីសរសេរ HTML ។ ឧទាហរណ៍អ្នកអាចនិយាយថាអ្នកកំពុងប្រើស្លាក

ដើម្បីកំណត់កថាខណ្ឌឬធាតុ ដើម្បីបង្កើតតំណ។ មនុស្សជាច្រើនប្រើស្លាកពាក្យនិងធាតុផ្លាស់ប្តូរគ្នាហើយអ្នករចនាគេហទំព័រឬអ្នកអភិវឌ្ឍណាម្នាក់ដែលអ្នកនិយាយជាមួយនឹងយល់ពីអ្វីដែលអ្នកចង់មានន័យប៉ុន្តែការពិតគឺថាមានភាពខុសគ្នាបន្តិចបន្តួចរវាងពាក្យទាំងពីរនេះ។

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

ពេលអ្នកសរសេរ HTML អ្នកកំពុងសរសេរស្លាក HTML ។ ស្លាក HTML ទាំងអស់ត្រូវបានបង្កើតឡើងដោយផ្នែកជាក់លាក់មួយចំនួនរួមមាន:

• សញ្ញាតូចជាង <
• ពាក្យឬតួអក្សរដែលកំណត់ថាស្លាកណាមួយដែលកំពុងត្រូវបានសរសេរ
• លេខណាមួយនៃ គុណលក្ខណៈ HTML ដែល ស្រេចចិត្តក្នុងទម្រង់ជាឈ្មោះ = "តម្លៃ" គូ
• ហើយនៅទីបំផុតសញ្ញាធំជាង>

ឧទាហរណ៍មានស្លាក HTML ខ្លះ:

ទាំងនេះគឺជាស្លាកបើក HTML ទាំងអស់, ដោយគ្មានគុណលក្ខណៈស្រេចចិត្តបន្ថែមទៅពួកគេ។ ស្លាកទាំងនេះតំណាងឱ្យ:

• - កំណត់កថាខណ្ឌមួយ។

• - កំណត់ទំព័រជា HTML
• - កំណត់ផ្នែកមួយ។

ខាងក្រោមនេះគឺជាស្លាក HTML ផងដែរ:

• • "

  ឧទាហរណ៍ទាំងនេះរួមបញ្ចូលគុណលក្ខណៈដែលត្រូវបានបន្ថែមទៅស្លាក HTML បើក។

  • បញ្ជី
    គឺជាបញ្ជីគ្មានលំដាប់ដែលរួមបញ្ចូលគុណលក្ខណៈលេខសម្គាល់
    • ផ្នែកនេះមានគុណលក្ខណៈថ្នាក់
    • ធាតុយុថ្កាឬតំណធាតុរួមបញ្ចូលទាំងគុណលក្ខណៈ "href"
    • ស្លាករូបភាពដែលមានគុណលក្ខណៈ "src"

    សម្រាប់យុថ្កានិងស្លាករូបភាពគុណលក្ខណៈគឺមិនមែនជាជម្រើសទេវាចាំបាច់សម្រាប់ស្លាកទាំងនោះបង្ហាញត្រឹមត្រូវ។ អ្នកត្រូវប្រាប់តំណកន្លែងដែលត្រូវទៅ (ដែលជា "href") និងរូបភាពអ្វីដែលត្រូវបង្ហាញ (ដែលជាអ្វីដែល "src" attribute) ។

    តើអ្វីទៅជាធាតុរបស់ HTML

    យោងតាមការបញ្ជាក់ HTML របស់ W3C ធាតុមួយ គឺជាប្លុកអគារមូលដ្ឋានរបស់ HTML ហើយត្រូវបានបង្កើតជា ពីរស្លាក : ស្លាក បើកនិងស្លាកបិទ។ រហូតមកដល់ពេលនេះយើងបានមើលតែពាក្យបើកប៉ុណ្ណោះដែលចាប់ផ្តើមធាតុ។ ដើម្បីបញ្ចប់ធាតុនោះអ្នកសរសេរស្លាកបិទដែលត្រូវគ្នា។

    ឧទាហរណ៍សម្រាប់ធាតុកថាខណ្ឌអ្នកសរសេរវា:

    នេះត្រូវបានបង្កើតឡើងពីស្លាកបើកដែលយើងបានឃើញពីពេលមុនក៏ដូចជាស្លាកបិទ - ។ ស្លាកបិទគឺពិតជាគ្រាន់តែបើកស្លាកបើកម្តងទៀតប៉ុន្តែជាមួយ "សញ្ញាទៅមុខ" បានបន្ថែមដោយផ្ទាល់បន្ទាប់ពី "សញ្ញាតិចជាង" ។

    ស្ទើរតែធាតុ HTML ទាំងអស់មានស្លាកបើកនិងស្លាកបិទ។ ស្លាកទាំងនេះព័ទ្ធជុំវិញអត្ថបទដែលនឹងបង្ហាញនៅលើគេហទំព័រ។ ឧទាហរណ៍ដើម្បីសរសេរកថាខណ្ឌនៃអត្ថបទអ្នកសរសេរអត្ថបទដើម្បីបង្ហាញនៅលើទំព័រហើយបន្ទាប់មកហ៊ុំព័ទ្ធវាដោយស្លាកទាំងនេះ:

    នេះជាកន្លែងដែលអ្នកសរសេរអត្ថបទនៃកថាខណ្ឌដែលអ្នកចង់បង្ហាញនៅលើគេហទំព័រ។

    ធាតុ HTML មួយចំនួនមិនមានស្លាកបិទ។ ទាំងនេះត្រូវបានហៅថា "ធាតុទទេ" ។ ជួនកាលពួកវាត្រូវបានគេសំដៅទៅជាធាតុ " តែមួយ " ឬ "ចាត់ទុកជាមោឃៈ" ។ ធាតុទទេមានភាពងាយស្រួលប្រើព្រោះអ្នកត្រូវតែបញ្ចូលស្លាកមួយនៅក្នុងទំព័របណ្តាញរបស់អ្នកហើយកម្មវិធីរុករកនឹងដឹងពីអ្វីដែលត្រូវធ្វើ។ ឧទាហរណ៍ដើម្បីបន្ថែមការបំបែកបន្ទាត់តែមួយទៅទំព័ររបស់អ្នកអ្នកនឹងប្រើស្លាក B ។

    ធាតុរួមមួយផ្សេងទៀតដែលរួមបញ្ចូលតែស្លាកបើកគឺជាធាតុ "រូបភាព" ។ ឧទាហរណ៍:

    យើងបានឃើញឧទាហរណ៍នេះមុនប៉ុន្តែមិនមានស្លាកបិទសម្រាប់ធាតុរូបភាពនេះទេ។ កម្មវិធីរុករកនឹងជំនួសកូដនេះជាមួយរូបភាពដែលត្រូវបានយោងនៅក្នុងគុណលក្ខណៈ "href" ។ ក្នុងករណីនេះវាជា "logo.png" ។

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

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