แท็ก DIV คืออะไร

แท็ก DIV เป็นรหัสที่กำหนดส่วนในเอกสาร HTML (HyperText Markup Language) ส่วนใน HTML ยังสามารถอธิบายเป็น "การหาร" ซึ่งเป็นที่มาของตัวย่อที่ใช้สำหรับชื่อของแท็ก DIV

แท็ก DIV เช่นแท็ก SPAN ไม่ได้ใช้ความหมายกับเนื้อหาเช่นในกรณีที่มี HTML ส่วนใหญ่ตัวอย่างเช่น "P" สร้างย่อหน้า, "B" สร้างตัวหนาและ "H" สร้างหัวเรื่อง DIV ไม่ได้ทำอะไรด้วยตัวเอง มันเพียงกำหนดบล็อกของเนื้อหาในหน้าซึ่งคุณลักษณะอื่น ๆ สามารถนำไปใช้ทั่วโลก แท็ก DIV ระบุว่าบล็อกของรหัสอยู่ด้วยกัน

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

***
นี่คือข้อความสีดำบางส่วนซึ่งอยู่ก่อนส่วนแท็ก DIV ข้อความเบอร์กันดีต่อไปนี้
<div style = "color: # 610B0B;">
<h1> นี่คือส่วนหัวในส่วน div ซึ่งจะแสดงเป็นข้อความสีแดงม่วง </h1>
<p> <b> นี่คือย่อหน้าในส่วน div นี้ซึ่งไม่เพียง แต่จะแสดงเป็นข้อความสีม่วงแดง แต่เป็นตัวหนาเช่นกัน </ b> </ p>
</ div>
นี่คือข้อความสีดำเพิ่มเติมซึ่งจะปรากฏขึ้นหลังส่วนในข้อความสีม่วงแดง
***

การใช้งานทั่วไปอื่นของแท็ก DIV คือการจัดเรียงบล็อกทั้งหมดของเนื้อหาบนหน้าเว็บทางซ้ายขวาหรือตรงกลางของหน้า นอกเหนือจาก "จัดตำแหน่ง" แอตทริบิวต์ที่ใช้บ่อยอื่น ๆ ที่กำหนดโดยแท็ก DIV คือ: id, class, title, style, dir และ lang สำหรับผู้เขียนหน้าเว็บมือใหม่สิ่งสำคัญที่ต้องจำคือไม่ควรใช้แท็ก DIV แทนแท็ก P (ย่อหน้า) แท็ก P ควรใช้สำหรับย่อหน้าแต่ละย่อหน้าเท่านั้นในขณะที่แท็ก DIV ควรใช้เพื่อกำหนดส่วนที่ใหญ่กว่าทั่วไปหรือส่วนย่อยของเอกสาร

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

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