XHTML/CSS สำคัญไฉน [ตอนที่ 1]

เจิมบล็อคหลังปรับปรุงใหม่

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

วันนี้ผมจะมาเอ่ยถึง XHTML/CSS ครับ สำหรับคนเขียนเวปคงคุ้นเคยกันไม่มากก็น้อย

XHTML vs HTML

XHTML(Extensible HyperText Markup Language) นั้นเป็นโครงสร้างภาษาที่ใช้หลักของ XML(Extensive Markup Language) ซึ่งจะมี Syntax ที่เข้มงวดกว่าเช่นแท็ก br นั้นปกติใน HTML สามารถใส่<br>ลงไปในส่วนที่ต้องการเว้นบรรทัดได้เลย แต่ว่าสำหรับ XHTML แล้วจะไม่สามารถใส่แท็กเปิด โดยที่ไม่มีแท็กปิดได้ถ้าต้องการให้โค้ดของเรา valid (สามารถตรวจสอบ XHTML validity ได้ที่นี่) ดังนั้นหากต้องการใส่แท็กเปล่าๆลงบน XTHML สามารถทำได้โดยการใช้<br/>แทน ซึ่งเท่ากับ<br></br>นั่นเอง

ทำไมมันต้องอยู่คู่กัน? XHTML กับ CSS

หากจะเปรียบเวปไซต์เป็นคน (X)HTML ก็คงเป็นโครงสร้างของคนนั้นๆ สูง เตี้ย อ้วน ผอม หน้าเหลี่ยม(?!) หน้ากลม แต่สำหรับ CSS นั้นสามารถเปรียบได้กับการแต่งตัว เสื้อผ้าหน้าผม เครื่องประดับ นั่นเอง ดังนั้นจะเห็นได้ว่าการที่ XHTML กับ CSS นั้นแยกกันทำให้มีความสะดวกในการแก้ไขส่วนของ Design กับ Coding ให้แยกออกจากกัน เปรียบเทียบกับวิธีสมัยเก่าที่ใช้ table ในการซอยหน้าเวปเป็นส่วนๆแล้วใส่ รูป/ข้อความ ลงไปนั้นทำให้เกิดความสับสนในการมาแก้ไขโค้ดภายหลังได้

สำหรับตอนหน้าผมจะมากล่าวถึงหลักการของ XHTML ร่วมกับ CSS ครับ

ปันเจ