Sitthiphorn Anthawonksa

การให้ความสำคัญแก่หัวข้อ และการเลือกใช้ elements 1-6 ใน xhtml ถือได้ว่าสำคัญไม่น้อยเหมือนกันครับ ข้อดีอีกอย่างของการเลือกใช้ h สำหรับหัวข้อนั้นคือระบบเสิร์ชเอ็นจิ้นต่างๆ จะให้ความสำคัญกับข้อมูลที่อยู่ใน h1 ไล่ไปจนถึง h6 ก่อน ซึ่งเป็นการช่วยให้ bots ต่างๆ เข้าค้นหาข้อมูลในเว็บเราได้ง่ายขึ้นด้วยครับ

การนำไปใช้แค่เพียงพิมพ์

<h1>หัวข้อนี้สำคัญระดับพันล้าน</h1>

<h2>หัวข้อนี้สำคัญระดับร้อยล้าน</h2>

<h3>หัวข้อนี้สำคัญระดับล้าน</h3>

<h4>หัวข้อนี้สำคัญระดับแสน</h4>

<h5>หัวข้อนี้สำคัญระดับหมื่น</h5>

<h6>หัวข้อนี้สำคัญระดับพัน</h6>

ทำไมถึงขั้น ต้องรู้ด้วยหละ เพราะอะไร ผมว่ามีน้อยคนนักที่แวะเวียนเข้ามา เว็บไทยซีเอสเอสและจะไม่มีพื้นฐานเรื่อง html เลย แต่ XHTML หละ อืม อันนี้ไม่แน่ อาจจะแตกต่างได้ด้วยรายละเอียด อิอิ ผมก็ไม่ได้เก่งกาจ มาดเฉลียวไปกว่าใครเท่าไหร่หรอกครับ ออกจะเป็นเป็ดด้วยซ้ำ แต่เมื่อมีคนขอมาเรื่อง XHTML เราจัดให้ได้ครับ

ทำไมถึงต้อง XHTML ใช้ HTML ไม่ได้หรือ ได้ครับ ถ้าเว็บเรา ธรรมดา ชิวชิว ไม่ต้องตามเทคโนโลยีมาก ใช้ HTML ก็ได้ ไม่มีใครว่าครับ ใช้ กับ CSS ได้ดีเหมือนกัน

การเขียน CSS มี 3 ลักษณะคือ Inline, Internal และ External

ถ้าหากเราต้องการ box ขนาด 500px padding 5px border 5px การเขียนคลาส สามารถเขียนได้ดังนี้

.pd {
width: 480px;
padding: 5px;
border: solid 5px #000;
}

เราสามารถกำหนด ขอบใน หรือ padding ให้กับ HTML Element ได้ทั้ง 4 ด้าน ด้วยความกว้างแตกต่างกัน padding คือระยะห่างจากขอบในของ box model กับเนื้อหาข้างใน หรือ box ที่อยู่ข้างใน

การกำหนด padding กับ class ต้องนับรวมกันทั้งหมด ถือเป็นความกว้างเดียวกัน เช่น ถ้าเราจะสร้าง คลาส 1 คลาส ให้มีความกว้าง 500px ระยะห่างจากขอบซ้ายและขวา ฝั่งละ 5px หรือ padding ซ้าย-ขวา-บน-ล่าง 5px จะได้ดังนี้

ปัญหาใหญ่ (หรือที่ผมคิดว่าใหญ่เองหว่า) สำหรับเว็บแสดงผลภาษาไทยในตอนนี้คือ แสดงผลได้ดีกับเฉพาะ บราวเซอร์ ตระกูลไมโครซอฟท์ เท่านั้น บางเว็บเมื่อเจอกับ ie 7 ยังมีปัญหา ผมเคยเขียนบทความเรื่องบราวเซอร์ ไว้เมื่อหลายเดือนก่อน

ตอนนี้ตัวเลขกว่า 40% ของผู้เยี่ยมชมเว็บไทยซีเอสเอส คือ Firefox! เรียกว่า แบ่งกับ ie ได้พอฟัดพอเหวี่ยงกันเลย แต่กลับไม่มี Opera เว็บบราวเซอร์ สัญชาตินอร์เวย์ แวะเข้ามาในช่วงนี้เลย อาจจะมีผมใช้อยู่คนเดียว แฮะๆ (ขอหนับหนุน สักนิด สำหรับ Opera ลองหามาใช้กันดูนะครับ รับรองว่าไม่ผิดหวัง เทคโนโลยีเขารองรับ UTF-32 ด้วยนะ utf-8 เพิ่งจะเริ่มรณรงค์ให้ใช้กัน ซะ) และ Netscape ก็ไม่มีเปอร์เซ็นเข้ามาเยี่ยมเยือน ไทยซีเอสเอส เหมือนกันครับ แต่ถึงกระนั้น ผมก็ยังต้องทดสอบเว็บกับทั้ง 5 บราวเซอร์ ก่อนส่งออกอยู่ดี