HTML, XML, XHTML และ CSS คืออะไร ต่างกันอย่างไร และใช้อย่างไร ตอ
CSS (Cascading Style Sheet)
เนื่องจากมีการนำ HTML มาใช้ผิด ๆ กันมาก โดยเฉพาะการนำแท็กอย่างแท็ก <font></font>, <b></b>, <i></i>,
<u></u>, <big></big>, <small></small> และแอททริบิวต์อย่างเช่น align, bgcolor, background, border ฯลฯ ซึ่งถูก
ใช้ไปในการตกแต่งเอกสาร ทำให้เอกสาร HTML มีความซับซ้อนมาก ใช้เวลามากในการเขียนหรือออกแบบ
จึงได้มีการแนะนำภาษาใหม่ที่เรียกว่า CSS นี้ขึ้นมา หน้าที่ของภาษานี้ก็คือ การตกแต่งเอกสารของ HTML
หรือ XHTML หรือ XML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ
ทั้งนี้ทั้งนั้นก็เพื่อลดการใช้ภาษา HTML ในการตกแต่งเอกสาร เพื่อให้เอกสาร HTML สะอาดขึ้น เข้าใจง่าย
ขึ้น แก้ไขง่ายและใช้เวลาน้อย CSS กับ HTML หรือ XHTML นั้นจะทำหน้าที่คนละอย่างกัน พร้อมกัน แต่
ไม่รบกวนซึ่งกันและกันและแยกจากกันอย่างเด็ดขาด นั่นคือ HTML หรือ XHTML จะทำหน้าที่ในการวาง
โครงร่างเอกสารอย่างเป็นรูปแบบ ถูกต้อง เข้าใจง่าย ไม่ซับซ้อน ไม่มีการใช้แท็กผิดความหมาย ไม่เกี่ยวข้องกับ
การแสดงผล และ CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม CSS นั้นพัฒนาไปมากแล้ว สามารถทำ
ได้ถึงขึ้นที่ว่า วางวัตถุซ้อนกันได้ กำหนดความโปร่งใสได้ หมุนตัวอักษรตามองศาที่เรากำหนดได้ ตอนนี้เรามี
CSS 3.0 แล้ว แต่ว่า Browser ส่วนใหญ่ยังไม่สนับสนุน CSS 2.0 นั้นเป็นตัวที่เราใช้ในปัจจุบัน ข้อดีของ
CSS อีกอย่างหนึ่งก็คือ มันสามารถกำหนดการแสดงผลให้กับอุปกรณ์ต่าง ๆ ได้ด้วย เช่น เราอาจต้องการให้
แสดงผลในจอคอมพิวเตอร์อย่างหนึ่ง แสดงผลเวลาสั่งพิมพ์อีกอย่างหนึ่ง แสดงผลในโทรศัพท์มือถืออีกอย่างหนึ่ง
แสดงผลในทีวีอีกอย่างหนึ่ง แสดงผลในอักษรเบรลล์อย่างหนึ่ง หรืออาจจะกำหนดให้โปรแกรมสังเคราะห์เสียง
อ่านข้อความต่าง ๆ ด้วยน้ำเสียงที่ต่างกันได้โดยใช้น้ำเสียงต่าง ๆ เช่น ตกใจ ดีใจ เสียใจ ได้ กำหนดความดังเสียง
ได้ ฯลฯ จะเห็นได้ว่ามันจะทำให้ง่ายต่อการใช้งานกับอุปกรณ์ต่าง ๆ นั่นเอง อย่างเช่น จอโทรศัพท์มือถือมีขนาด
เล็ก เราอาจจะใช้ CSS สั่งให้ซ่อนส่วนที่ไม่จำเป็นหรือลดขนาดตัวอักษรลงหรือเปลี่ยนการแสดงผลไปเลยก็ได้
คนพิการได้รับประโยชน์จาก CSS และ XHTML ตรงที่ว่า เขาสามารถเข้าใจเอกสารได้ดีมากขึ้น เนื่องจากว่า
เนื้อหากับการแสดงผลถูกแยกออกจากกันอย่างเด็ดขาด ทำให้ไม่สับสน ผู้พิการบางคนมองไม่เห็น จึงไม่
จำเป็นต้องเห็นความสวยงามในเว็บ แต่ต้องการข้อมูลที่เข้าถึงได้ ไม่ซับซ้อน นั่นหมายถึงเขาสามารถเลือกบริโภค
เฉพาะเนื้อหาได้โดยที่ไม่มีเรื่องการแสดงผลมารบกวนเลย
เนื่องจากมีการนำ HTML มาใช้ผิด ๆ กันมาก โดยเฉพาะการนำแท็กอย่างแท็ก <font></font>, <b></b>, <i></i>,
<u></u>, <big></big>, <small></small> และแอททริบิวต์อย่างเช่น align, bgcolor, background, border ฯลฯ ซึ่งถูก
ใช้ไปในการตกแต่งเอกสาร ทำให้เอกสาร HTML มีความซับซ้อนมาก ใช้เวลามากในการเขียนหรือออกแบบ
จึงได้มีการแนะนำภาษาใหม่ที่เรียกว่า CSS นี้ขึ้นมา หน้าที่ของภาษานี้ก็คือ การตกแต่งเอกสารของ HTML
หรือ XHTML หรือ XML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ
ทั้งนี้ทั้งนั้นก็เพื่อลดการใช้ภาษา HTML ในการตกแต่งเอกสาร เพื่อให้เอกสาร HTML สะอาดขึ้น เข้าใจง่าย
ขึ้น แก้ไขง่ายและใช้เวลาน้อย CSS กับ HTML หรือ XHTML นั้นจะทำหน้าที่คนละอย่างกัน พร้อมกัน แต่
ไม่รบกวนซึ่งกันและกันและแยกจากกันอย่างเด็ดขาด นั่นคือ HTML หรือ XHTML จะทำหน้าที่ในการวาง
โครงร่างเอกสารอย่างเป็นรูปแบบ ถูกต้อง เข้าใจง่าย ไม่ซับซ้อน ไม่มีการใช้แท็กผิดความหมาย ไม่เกี่ยวข้องกับ
การแสดงผล และ CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม CSS นั้นพัฒนาไปมากแล้ว สามารถทำ
ได้ถึงขึ้นที่ว่า วางวัตถุซ้อนกันได้ กำหนดความโปร่งใสได้ หมุนตัวอักษรตามองศาที่เรากำหนดได้ ตอนนี้เรามี
CSS 3.0 แล้ว แต่ว่า Browser ส่วนใหญ่ยังไม่สนับสนุน CSS 2.0 นั้นเป็นตัวที่เราใช้ในปัจจุบัน ข้อดีของ
CSS อีกอย่างหนึ่งก็คือ มันสามารถกำหนดการแสดงผลให้กับอุปกรณ์ต่าง ๆ ได้ด้วย เช่น เราอาจต้องการให้
แสดงผลในจอคอมพิวเตอร์อย่างหนึ่ง แสดงผลเวลาสั่งพิมพ์อีกอย่างหนึ่ง แสดงผลในโทรศัพท์มือถืออีกอย่างหนึ่ง
แสดงผลในทีวีอีกอย่างหนึ่ง แสดงผลในอักษรเบรลล์อย่างหนึ่ง หรืออาจจะกำหนดให้โปรแกรมสังเคราะห์เสียง
อ่านข้อความต่าง ๆ ด้วยน้ำเสียงที่ต่างกันได้โดยใช้น้ำเสียงต่าง ๆ เช่น ตกใจ ดีใจ เสียใจ ได้ กำหนดความดังเสียง
ได้ ฯลฯ จะเห็นได้ว่ามันจะทำให้ง่ายต่อการใช้งานกับอุปกรณ์ต่าง ๆ นั่นเอง อย่างเช่น จอโทรศัพท์มือถือมีขนาด
เล็ก เราอาจจะใช้ CSS สั่งให้ซ่อนส่วนที่ไม่จำเป็นหรือลดขนาดตัวอักษรลงหรือเปลี่ยนการแสดงผลไปเลยก็ได้
คนพิการได้รับประโยชน์จาก CSS และ XHTML ตรงที่ว่า เขาสามารถเข้าใจเอกสารได้ดีมากขึ้น เนื่องจากว่า
เนื้อหากับการแสดงผลถูกแยกออกจากกันอย่างเด็ดขาด ทำให้ไม่สับสน ผู้พิการบางคนมองไม่เห็น จึงไม่
จำเป็นต้องเห็นความสวยงามในเว็บ แต่ต้องการข้อมูลที่เข้าถึงได้ ไม่ซับซ้อน นั่นหมายถึงเขาสามารถเลือกบริโภค
เฉพาะเนื้อหาได้โดยที่ไม่มีเรื่องการแสดงผลมารบกวนเลย