Accessibility Links

เจาะใจ xhtml css ใน เว็บบอร์ด

เจาะใจ xhtml css ใน เว็บบอร์ด

โดย พร อันทะ เมื่อ 2007-09-02 13:46:41 ดูทั้งหมด 219 ครั้ง

1.
การศึกษา คือสิ่งที่ผมคิดว่ามันสำคัญ แต่การศึกษาส่วนไหนจะสำคัญที่สุดเท่ากับเรื่องพื้นฐาน พื้นไม่ดี ปลายก็ง่อนแง่น
ผมจึง วุ่นๆ ครุ่นคิดอยู่กับเรื่องพื้นฐานและความเข้าใจ คิดว่า ถ้าเราเข้าใจอะไรแล้ว เราจะสามารถทำสิ่งที่เราต้องการออกมาได้ดีกว่า การมีแค่
ความรู้ความสามารถอย่างเดียว


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

ทำได้ ก็คือทำได้ ได้ทุกอย่างแหละ โน่นนิด นั่นหน่อย
ทำเป็น มันอาจจะมองลึกกว่า ว่าต้องเป็นลำดับ ขั้นตอน มีระบบ แนวคิด

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

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

ไม่เว้นแม้แต่กระทั่งเรื่องของการเขียน xhtml และ css

2.
หลายวันก่อนมีคนมาโพสต์กระทู้ถามในเว็บบอร์ดเรื่องการ inherit ค่าของ css แต่หลังจากที่ผมได้เห็นตัวอย่างที่เขียนมาขอความคิดเห็นแล้วผมก็รู้สึก
ท้องใส้ปั่นป่วนเล็กน้อย ยังไม่ได้ตอบอะไรไปมาก แต่ก็คิดว่า จะเอามาเขียนเป็นบทความแลกเปลี่ยนกันเลยดีหรือเปล่า
ไม่ทันข้ามวัน กระทู้กลายเป็นของร้อน


กระทู้ที่ว่า ก็คือ กระทู้นี้ครับ

http://www.thaicss.com/forum/show.php?Category=speak&No=695

ผมขอยกตัวอย่าง หรืออ้างอิงกระทู้คำถามของคุณ takereu มาไว้ตรงนี้นะครับ

อยากทราบลำดับขั้นในการเรียกใช้ css class ครับ
อธิบายไปก้องงเอง ดูcodeตัวอย่างเลยครับ
<HTML>
<HEAD>
<style>
.style1{
color: #ff0000;
font-weight:bold;
}
.style2{
color: #00ff00;
text-decoration:underline;
}
.style3{
color: #0000FF;
font-style:italic;
}
</style>
</HEAD>

<BODY>
<span class="style1">ชื่อเรื่อง1</span>
<span class="style2">ชื่อเรื่อง2</span>
<span class="style3">ชื่อเรื่อง3</span><br><br>
<span class="style1 style2 style3">ชื่อเรื่อง123</span><br>
<span class="style2 style3 style1">ชื่อเรื่อง231</span><br>
<span class="style3 style1 style2">ชื่อเรื่อง312</span><br><br>
<span class="style1"><span class="style2"><span class="style3">ชื่อเรื่อง123</span></span> </span><br>
<span class="style2"><span class="style3"><span class="style1">ชื่อเรื่อง231</span></span> </span><br>
<span class="style3"><span class="style1"><span class="style2">ชื่อเรื่อง312</span></span> </span><br><br>
<span class="style1 style2 style3"><span class="style1"><span class="style2"><span class="style3">ชื่อเรื่อง123 1 2 3</span></span> </span><br>
<span class="style1"><span class="style1 style2 style3"><span class="style2"><span class="style3">ชื่อเรื่อง1 123 2 3</span></span> </span><br>
<span class="style1"><span class="style2"><span class="style1 style2 style3"><span class="style3">ชื่อเรื่อง1 2 123 3</span></span> </span><br>
</BODY>
</HTML>
ถ้ารันดูแล้ว อยากทราบว่า เป็นมายังไงถึงได้เป็นผลลัพธ์แบบนั้นครับ
ใช้สไตล์ตัวแรก หรือใช้ตัวหลัง หรือใช่รวมกันหมด
มันมีวิธีใช้งานของมันยังไงครับ
งง


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

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

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

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

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

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


ข้อที่ หนึ่ง

ตัวอย่างที่ด้านบน ให้มา ไม่มี DTD หรือ Doctype หรือไม่เฉพาะเจาะจง หรือไม่ได้บอกว่าเขียนภายใต้ DTD ตัวไหน เพราะฉะนั้น การเขียนแบบนี้ถือว่าเป็นการเขียนแบบ Quirks mode

การเขียนแบบ Quirks mode ถ้าจะเขียนก็ไม่ต้องนึกถึง Standrads อะไร จบ ไม่ต้องพูดยาว

ข้อที่ สอง
แต่ ถ้าบอกว่า มันต้องมี DTD การเขียนจะอยู่ในรูปแบบ Strict Mode เริ่มเข้ามาตรฐานกะเขาแล้ว ต่อจากนั้นต้องมาดูว่า ใช้ DTD แบบไหน
สมมติว่า ใช้ 1.0 Strict แค่สมมตินะครับ จะได้ดูตัวอย่างกัน และตามเทคโนโลยีไปอีกขั้น แต่ไม่ห่างของเก่าเกินไป
เมื่อมองข้ามเรื่องของ DTD ไปแล้ว เราก็จะมาเจอกรณี เคสเซนสิถีฟ คือ การใช้ตัวใหญ่ตัวเล็ก สำหรับ xhtml ตามทฤษฎีพื้นฐานของภาษา ต้องเขียนเป็นตัวพิมพ์เล็กทั้งหมด


เช่น
<html>
<head>
</head>
<body>
<body>
</html>

ข้อที่ สาม
การใช้ Element ตามกฎของ xhtml ในที่นี้ผมหมายถือ เหล่า span ทั้งหลาย span ถือเป็น inline element อยู่ใน content model แบบ text หรือ สถิตอยู่ใน text module เพราะฉะนั้น การที่

inline element อย่าง span จะออกมาสำแดงเดชโล่งๆ อย่างนี้ ก็ถือเป็นการยาก เพราะต้องมี block element หรือ ที่เป็น text module หรือ list mdule ครอบไว้ก่อน เช่น h1-h6, p, li, dt หรือ

dd เป็นต้น

ข้อที่ สี่
ต่อจากข้อที่ สาม แต่เพิ่มเติมเรื่องความสำคัญ ของข้อของมูลที่อยู่ใน element ในที่นี้คือ <span class="style1">ชื่อเรื่อง1</span> คำว่า ชื่อเรื่อง1 นั่นเอง ในส่วนของการให้ความสำคัญ

ของหัวข้อหรือชื่อเรื่อง ถ้าเป็น xhtml แล้ว จะถูกครอบโดย h1-h6 ตามความเหมาะสม และลำดับความสำคัญของหัวข้อนั้นๆ ในที่นี้อาจจะเขียนใช้เป็น <h1><span class="style1">ชื่อเรื่อง1</span></h1>

ข้อที่ ห้า
สำหรับข้อมูลเรื่องการ inherit ค่าต่างๆ คุณโดมอธิบายไว้ให้แล้ว ในคำตอบของกระทู้ครับ

หรือที่ผมพูดมา มันผิดหมดเลย...

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


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

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

ผมไม่ได้เป็น เว็บดีไซน์ กราฟฟิคดีไซน์ หรือโปรแกรมเมอร์ มาแต่เริ่มแรก
ผมมาทางสาย การสื่อสารมวลชน สื่อสิ่งพิมพ์ คือสื่อหลักที่ผมถนัด

อดทนอีกนิด
อีกไม่นาน ที่นี่ คงเปลี่ยนไป

มีความสุขกับการใช้ชีวิตครับ

 

Back to Top

Tags:

  1. css
  2. in webboard
  3. จิตสำนึก
เนื้อหาที่เกี่ยวข้อง
  1. การสร้าง Graph โดยใช้ XHTML CSS
  2. ทำ Rollover Navigation Menu ด้วย CSS อย่างง่าย
  3. Accessibility หน้าทีเ่ราไม่ใช่หน้าที่ใคร | วิธีง่าย ๆ ในการทำ Web Accessibility
  4. เปรียบเทียบ Selectors ของ CSS2 และ CSS3
  5. CSS Layout ในรูปแบบต่างๆ
หรือกำลังสนใจ
  1. พัดผ่าน

Unknown Version Unknown

© Since 2006 ThaiCSS หมู่ที่ 2 บ้านหลุบหวาย ตำบลบ้านตาด อำเภอเมือง จังหวัดอุดรธานี 41000 Contact : Contact ThaiCSS