Hyper Text Markup Language (HTML) เป็นชุดรหัสคอมพิวเตอร์พิเศษที่ใช้ในการกำหนดว่าหน้าเว็บจะปรากฏขึ้นอย่างไร แต่ละองค์ประกอบจะถูกติดแท็กด้วยรหัสเฉพาะเพื่อให้เบราว์เซอร์แสดงข้อความในแบบที่แท็กเกอร์ตั้งใจไว้ แท็ก span ถูกระบุโดยและใช้เพื่อเพิ่ม hook ไปยังส่วนของข้อความที่ระบุ
แท็ก html span คล้ายกับการแบ่งโลจิคัลหรือแท็ก div ทั้งคู่ใช้กับ Cascading Style Sheets (CSS) ซึ่งเป็นภาษาที่นักพัฒนาเว็บใช้เพื่อกำหนดคุณสมบัติของสไตล์ให้กับเอกสารเว็บ html, xhtml และ xml การใช้ CSS ช่วยให้สามารถแยกเนื้อหาจากองค์ประกอบการนำเสนอเช่นเลย์เอาต์แบบอักษรและสี สิ่งนี้ทำให้เนื้อหาเข้าถึงได้ง่ายขึ้นและมีความยืดหยุ่นมากขึ้น
แท็ก html span ทำให้ไม่มีการเปลี่ยนแปลงกับข้อความที่ระบุไม่เหมือนกับแท็กที่ระบุขนาดส่วนหัวย่อหน้าหรือสีข้อความ แต่แท็กนี้จะใช้ในการจัดกลุ่มส่วนของ html เข้าด้วยกันและเชื่อมโยงข้อมูลอื่น ๆ เข้ากับส่วนนั้น แท็ก html div ทำงานคล้ายกัน แต่แต่ละแท็กมีจุดประสงค์ที่แตกต่างกัน
แท็ก div แบ่งหน้าเว็บออกเป็นส่วนใหญ่ มันใช้ช่วยให้นักพัฒนาสามารถกำหนดรูปแบบของส่วนใหญ่ของรหัส html ด้วยแท็ก div ความสามารถในการตั้งชื่อส่วนที่ติดแท็กเพื่อให้สามารถจัดการได้ง่ายใน CSS โปรดทราบว่าแท็ก html div แบ่งย่อหน้า กล่าวอีกนัยหนึ่งคุณอาจมีย่อหน้าอยู่ในส่วนที่มีเครื่องหมายกำกับ แต่คุณอาจไม่มี div ภายในย่อหน้า
แท็ก html span คล้ายกับแท็ก div เนื่องจากล้อมรอบส่วนของข้อความ หากไม่มีแอททริบิวต์สไตล์จะไม่เปลี่ยนข้อความที่ใส่ไว้ จะไม่ทำการจัดรูปแบบใด ๆ โดยไม่มีแท็กแอตทริบิวต์โดยที่ div รวมตัวแบ่ง
แอตทริบิวต์ที่มีประโยชน์สามประการที่อาจใช้กับแท็ก html span คือสไตล์คลาสและ id โดยใช้การขยายคุณสมบัติที่เฉพาะเจาะจงอาจถูกแนบกับข้อความส่วนเล็ก ๆ ตัวอย่างเช่นหากประโยคถูกเขียนในหัวเรื่องระดับ 1 และคำสุดท้ายต้องเป็นสีแดงแท็ก span html อาจถูกนำมาใช้เพื่อให้บรรลุสิ่งนี้ ดูตัวอย่างด้านล่าง
จะให้ผลลัพธ์นี้:
นี่ควรเป็น สีแดง
ด้วยการปิดคำที่ต้องการด้วยแท็ก html span คุณสมบัติ - ในกรณีนี้สีแดง - จะถูก จำกัด เฉพาะคำเดียวที่ระบุ ควรสังเกตว่าแท็ก html span อาจอยู่ในย่อหน้าหรือแท็ก div เช่นเดียวกับแท็ก html ทั้งหมดคุณต้องปิดองค์ประกอบเพื่อให้สามารถทำงานได้อย่างถูกต้อง
