แท็ก HTML กับองค์ประกอบ HTML คืออะไร?

มีข้อแตกต่างระหว่างข้อตกลงสองข้อนี้

การออกแบบเว็บเช่นอุตสาหกรรมหรืออาชีพใด ๆ มีภาษาทั้งหมดของตัวเอง เมื่อคุณเข้าสู่วงการอุตสาหกรรมและเริ่มต้นพูดคุยกับคนรอบข้างคุณจะไม่ต้องสงสัยเลยที่จะพบกับวลีและวลีที่ยังใหม่กับคุณ แต่การไหลเวียนของภาษาของผู้เชี่ยวชาญด้านเว็บเพื่อนของคุณ คำสองคำที่คุณจะได้ยินคือ "แท็ก" และ "องค์ประกอบ" HTML

ขณะที่คุณได้ยินทั้งสองคำพูดคุณอาจตระหนักว่าพวกเขากำลังถูกใช้สลับกันบ้าง เช่นคำถามหนึ่งที่ผู้เชี่ยวชาญด้านเว็บใหม่จำนวนมากได้รับเมื่อเริ่มต้นการทำงานกับโค้ด HTML คือ "ความแตกต่างระหว่างแท็ก HTML กับองค์ประกอบ HTML คืออะไร"

แม้ว่าทั้งสองคำนี้มีความหมายคล้ายกัน แต่ก็ไม่ใช่คำพ้องความหมายจริงๆ ดังนั้นความคล้ายคลึงกันกับคำศัพท์ทั้งสองนี้มีอะไรบ้าง? คำตอบสั้น ๆ คือทั้งแท็กและองค์ประกอบอ้างอิงถึงมาร์กอัพที่ใช้เขียน HTML ตัวอย่างเช่นคุณอาจกล่าวว่าคุณกำลังใช้แท็ก

เพื่อกำหนดย่อหน้าหรือ องค์ประกอบเพื่อสร้างลิงก์ หลายคนใช้แท็กข้อกำหนดและองค์ประกอบสลับกันและนักออกแบบเว็บหรือนักพัฒนาซอฟต์แวร์ที่คุณพูดด้วยจะเข้าใจว่าคุณหมายถึงอะไร แต่ในความเป็นจริงมีข้อแตกต่างกันเล็กน้อยระหว่างสองคำนี้

HTML เป็น ภาษามาร์คอัป ซึ่งหมายความว่ามีการเขียนด้วยรหัสที่สามารถอ่านได้โดยบุคคลโดยไม่จำเป็นต้องได้รับการรวบรวมก่อน กล่าวคือข้อความบนเว็บเพจถูก "ทำเครื่องหมาย" ด้วยรหัสเหล่านี้เพื่อให้คำแนะนำในการแสดงข้อความของเว็บเบราเซอร์ แท็กมาร์กอัปเหล่านี้เป็นแท็ก HTML ด้วยตัวเอง

เมื่อคุณเขียน HTML คุณกำลังเขียนแท็ก HTML แท็ก HTML ทั้งหมดประกอบด้วยส่วนต่างๆดังนี้:

• เครื่องหมายน้อยกว่า <
• คำหรืออักขระที่กำหนดว่ากำลังเขียนแท็กใด
• จำนวนของ แอตทริบิวต์ HTML ที่ เป็นตัวเลือกในรูปแบบของคู่ name = "value"
• และในที่สุดก็มีเครื่องหมายมากกว่า>

ตัวอย่างเช่นนี่คือบางส่วนแท็ก HTML:

เหล่านี้เป็นแท็กเปิด HTML โดยไม่มีแอตทริบิวต์ที่เป็นตัวเลือกใด ๆ เพิ่มเข้าไป แท็กเหล่านี้แสดงถึง:

• - กำหนดย่อหน้า

• - กำหนดเพจเป็น HTML
• - กำหนดส่วน

ต่อไปนี้เป็นแท็ก HTML:

• ตัวอย่างเหล่านี้ทั้งหมดมีแอตทริบิวต์ที่เพิ่มลงในแท็ก HTML ที่เปิดอยู่

  • คือรายการที่ไม่มีลำดับที่ประกอบด้วยแอตทริบิวต์ ID
    • ส่วนนี้มีแอตทริบิวต์ class
    • anchor หรือ link element มีแอตทริบิวต์ "href"
    • แท็กรูปภาพที่มีแอตทริบิวต์ "src"

    สำหรับแท็ก anchor และ image แอตทริบิวต์ไม่ได้เป็นตัวเลือกจริงๆพวกเขาจำเป็นต้องมีแท็กเหล่านี้แสดงอย่างถูกต้อง คุณจำเป็นต้องบอกลิงก์ที่จะไป (ซึ่งเป็นสิ่งที่ "href" ไม่) และภาพสิ่งที่จะแสดง (ซึ่งเป็นสิ่งที่แอตทริบิวต์ "src" ให้)

    องค์ประกอบ HTML คืออะไร

    ตามข้อกำหนด W3C HTML องค์ประกอบ เป็นส่วนสร้างพื้นฐานของ HTML และมักประกอบด้วย แท็กสองแท็ก : แท็กเปิดและแท็กปิด จนถึงตอนนี้เรามองเฉพาะแท็กเปิดซึ่งเริ่มต้นองค์ประกอบต่างๆ เมื่อต้องการสิ้นสุดองค์ประกอบคุณจะต้องเขียนแท็กปิดที่ตรงกัน

    ตัวอย่างเช่นสำหรับองค์ประกอบย่อหน้าที่คุณเขียนข้อมูลนี้:

    นี่เป็นแท็กเปิดที่เราเห็นเมื่อไม่นานมานี้รวมถึงแท็กปิด - แท็กปิดจริงๆเพียงแค่แท็กเปิดซ้ำ แต่มี "เครื่องหมายทับ" เพิ่มโดยตรงหลังจากที่ "น้อยกว่าสัญลักษณ์"

    เกือบทุกองค์ประกอบ HTML มีแท็กเปิดและแท็กปิด แท็กเหล่านี้ล้อมรอบข้อความที่จะแสดงบนหน้าเว็บ ตัวอย่างเช่นในการเขียนย่อหน้าคุณจะต้องเขียนข้อความเพื่อแสดงบนหน้าเว็บและล้อมรอบด้วยแท็กเหล่านี้:

    นี่คือตำแหน่งที่คุณจะเขียนข้อความของย่อหน้าที่คุณต้องการให้แสดงบนเว็บเพจ

    องค์ประกอบ HTML บางส่วนไม่มีแท็กปิด เหล่านี้เรียกว่า "องค์ประกอบที่ว่างเปล่า" บางครั้งพวกเขายังเรียกว่าองค์ประกอบ " singleton " หรือ "โมฆะ" องค์ประกอบที่ว่างเปล่าใช้งานได้ง่ายเพราะคุณต้องใส่แท็กเดียวในหน้าเว็บและเบราเซอร์จะรู้ว่าต้องทำอย่างไร ตัวอย่างเช่นหากต้องการเพิ่มการแบ่งบรรทัดเดี่ยวลงในหน้าเว็บของคุณคุณจะใช้แท็ก b
    

    องค์ประกอบทั่วไปที่มีเฉพาะแท็กเปิดคือองค์ประกอบ "ภาพ" ตัวอย่างเช่น:

    เราได้เห็นตัวอย่างนี้ก่อนหน้านี้ แต่ไม่มีแท็กปิดสำหรับองค์ประกอบรูปภาพนี้ เบราเซอร์จะแทนที่โค้ดนี้ด้วยภาพที่อ้างอิงในแอตทริบิวต์ "href" ในกรณีนี้จะเป็น "logo.png"

    โดยทั่วไปเมื่อฉันอ้างถึงองค์ประกอบหรือแท็ก HTML ฉันจะใช้คำว่า "element" เพื่อระบุว่าฉันอ้างถึงส่วนต่างๆทั้งหมดขององค์ประกอบ (ทั้งแท็กเปิดและปิด) ฉันใช้ "แท็ก" เป็นฉันจริงๆหมายเพียงอย่างใดอย่างหนึ่งหรืออื่น ๆ นี่คือการใช้คำศัพท์ทั้งสองแบบนี้อย่างถูกต้องและผมขอแนะนำให้คุณใช้อย่างถูกต้อง แต่เพียงรู้ว่าถ้าคุณลื่นและแลกเปลี่ยนความคิดเห็นกับพวกเขาคุณจะเข้าใจการพัฒนาเว็บแบบใหม่ของคุณ

    บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 7/21/17