นานๆ จะได้คุยกับพี่ “พร อันทะ” สักครั้ง แกเป็นคนทำเว็บ thaicss.com ครับ ซึ่งผมคิดว่าจะยกให้แกเป็นมือวางอันดับหนึ่ง CSS และ Web Standards อันดับหนึ่งของเมืองไทยเลย (ไม่ได้โม้จริงๆ นะ)

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

(21:26) Few:  ถามนิดครับพี่ โครงสร้าง html ที่เป็นไปตาม web standards จำเป็นไหมว่า ถ้า no style แล้วต้องสวยงามและเข้าใจ?

PornAntha: ไม่ต้องสวยงามครับ แต่ต้องอ่านเข้าใจ มันจะเรียงเหมือนเราพิมพ์งานใน โปรแกรมออฟฟิศทั่วไป อ่านรู้เรื่อง เหมือนพิมพ์งานใน เวิร์ด นั่นแหละ

Few: อ๋อ นั่นหละครับ แปลว่าสวยงามในสายตาผม

PornAntha: เออ ก็พอประมาณนะ เพราะค่า Default ของ Element มันถูกตั้งค่ามาแล้ว

Few: เวลาผมใช้ span ผมพบว่ามันไม่ใช่ block tag มันเลยทำให้ แสดงผลแบบ inline ดังนั้นถ้าผมไม่ต้องการให้ inline ผมใช้พวก p แทนได้ใช่ไหมครับ ไม่มีกฏตายตัว?

PornAntha: คือ ต้องทำความเข้าใจก่อนว่า span ไม่มีความหมาย p คือ paragrap มันคนละอย่างอยู่แล้ว

Few: อ่อ span ไม่มีความหมาย แต่แค่เอาไว้คลุมเพื่อใส่ style ผมเข้าใจถูกป่ะครับ

PornAntha: ใช่ เหมือน div

Few: อ้อ

PornAntha:  div ใน html5 ไม่มีความหมาย แต่ div ใน xhtml1 คือการแบ่ง division หรือจัดการ section ให้กับข้อมูล

Few: ครับ ใน html5 มันม section tag โดยเฉพาะใช่ไหมครับ

PornAntha: ใช่

(21:31) Few:  แปลว่าเราใช้ <section> แทน <div> ไปได้เลย?

PornAntha: ใช่  นึกอะไรไม่ออก ลองนึกถึง หนังสือพิมพ์

PornAntha: html6 สิ่งที่จะหายไป อาจจะเป็น div และ legend

PornAntha: span มันเป็น phrasing content ครอบอะไรก็ได้ที่เป็น inline

Few:  อ่อครับ แปลตรงตัวคือไว้แบ่งเฟส ข้อมูลใช่ไหมครับ

PornAntha: ใช่ มันไม่ใช่ block  แต่ block เป็น div  ซึ่งมี ไอเดีย เดียวกัน

Few:  อ๋อครับ div เค้าถือว่าเป็น block เลยหรอครับ

PornAntha: ตอนนี้ แกต้องตั้งมั่นแล้ว ว่าจะใช้ html5 หรือ xhtml

Few:  ถ้าผมสังเกตุไม่ผิด พวก block คุณสมบัติคือ กินพื้นที 100% ป่ะครับ เพราะ span ผมเห็นกินพื้นที่เท่าที่ข้อมูลมันครอบ

PornAntha: ใช่ div มันเป็น block มาโดยสันดาน

Few:  อ่อ

PornAntha: ใช่

Few:  แต่เท่าที่อ่านจากเว็บพี่ xhtml มันก็ strict เยอะเหมือนกันนะครับ

PornAntha: ใน html5 มันก็จะแบ่งออกเป็น 12 กลุ่มข้อมูล 7 พฤติกรรม 98 อีเลเม้น ซึ่งกลับหัวกลับหาง กับ xhtml หมดเลย ต้องมานั่ง จำกันใหม่

Few:  หมายถึงยังไงหว่ากลับหัว

PornAntha:  เคย อ่าน ทฤษฎี CSS ไหม

Few:   คือ มันต่างกันมาก จนต้องเลือกสักอย่างเลยใช่ป่ะครับ

(21:37) PornAntha:  CSS2 กับ CSS3

Few:  เอ่อ ยังครับ

PornAntha:  ใช่ มันคนละ ทฤษฎีเลย

Few:  แต่เคยเห็นโค้ด css3 บ้าง มันซับซ้อนมากๆ

PornAntha:  เพราะมันสร้างมาเพื่อใช้งานคนละแบบ

Few:  มันเหมือนไต่ความยากเข้าไปมากขึ้นเรื่อยๆ ทำงานด้วยตัวมันเองได้มากขึ้นเรื่อยๆ อ่านแล้วก็มึนๆ ฮ่าๆ

PornAntha:  ใช่ CSS ต่อไป ไม่ใช่ ใครก็เขียนได้ มันยากกว่า PHP อีก เพราะมันไม่ตายตัว

Few:  โอ้ว ผมก็ว่างั้น

(21:39) PornAntha:  เขียนเป็น OOP เขียนเป็น slot:: มีหมดเลย

Few:  โอ้วว ล้ำจริงๆ อย่างนี้แปลว่าควรจะต้องเร่ง html5 หรือ xhtml2 สักอย่าง แล้วไปต่อดว้ย css3 ให้ด่วน ก่อนคนอื่นจะแซงสิครับ อิอิ

Few:  แล้วถ้าเรายังไม่ไปใช้ css3 แต่ใช้แค่ css1 หรือ css2 มันจะมีผลกับเราอย่างไรบ้างป่ะเพ่ ถ้าเราไม่ได้ไปสนใจเรื่อง effect ความสวยงาม อะไรของมัน แต่สนใจ เช่น การค้นหาของ google, การรองรับของ browser

PornAntha:  xhtml2 โดนฆ่าตัดตอนไปแล้ว เหลือ html5

PornAntha:  มี มากมาย

Few:   อ้าวงั้น xhtml ที่พี่พูดก็คือ xhtml1 ที่เราใช้ทุกวันนี้อ่ะหรอครับ

PornAntha:  แต่ ถ้า ทำงานธรรมดา จะไม่ค่อยเห็นผล ว่า css2 หรือ 3 มันสำคัญยังไง

PornAntha:  ใช่ xhtml จอดแค่นี้ แต่ มันมีกฎ 1 ข้อ

PornAntha:   ถ้าใครเปรี้ยว อย่างเขียน หรือ served HTML5 แบบ XHTML1 ให้เรียกว่า XHTML5

PornAntha:   งงไหม

Few:  ฮ่าๆๆ ไม่งงครับๆ

Few:  คือเขียนด้วย tag html5 แต่ strict แบบ xhtml ใช่ป่ะครับ

PornAntha:   ใช่ แต่มันมีเรื่อง RDF RDFa เข้ามาเกี้ยวข้อง

PornAntha:   เพราะ เว็บต่อไป มันจะเดินไปที่ Ontology

(21:44) Few:  Resource Description Framework (RDF)

PornAntha:   ใช่

Few:   ยังไงหว่า ฮ่าๆ

PornAntha:   นายลองวางแผน ทำอะไรยาวๆ สิ เช่น กำลังทำเว็บ

PornAntha:  แต่จะเปิดในปี 2018 เริ่มเขียนแล้ว นายคิดว่า จะเขียน CSS เวอร์ขั่นไหน

Few:   โอ้ว ฮ่าๆ ณ เวลานี้ความรู้มีแค่ css1, css2 ผมก็คงใช้เท่านี้อ่ะครับ และอีกอย่าง ผมยังมองไม่เห็นว่าผมจะใช้อะไรใน css3

PornAntha:  ใช่ เพราะนายไม่มีโปรเจ็ค ในอนาคต เพื่อการนี้ไง

Few:  อ่อครับ

PornAntha:  ของเรา เตรียมไปหมดแล้ว ที่สำคัญ เอาไปเขียนให้คนอื่นอ่าน อ่านไม่รู้เรื่องกันอีก -*-

Few:   ฮ่าๆ โค้ดลล้ำยุคเกินกว่าคนทั่วไปจะเข้าใจใช่ป่ะครับ ฮ่าๆ

Few:   แต่ที่พี่พูดหมายถึงสิ่งที่พี่ทำ ณ ตอนนี้ สามารถไปเปิดตามตู้เย็น ทีวี ได้อย่างไม่ผิดเพี้ยน!?

PornAntha:   ใช่

(21:48) Few:   โอ้วว เปิดมุมมองใหม่ ได้ความรู้อีกๆ ฮ่าๆ ตั้งใจมาถามคำถามเดียว ได้อีกหลายคำตอบ ขอบคุณครับพี่ๆ

PornAntha:    ป่ะ โอเค มีไรก็มาถามได้ เป็นการเป็นงาน

Few:   ฮ่าๆ ได้ครับๆ ไม่เป็นการเป้นงาน ก็ไม่กล้ารบกวนพี่  บังเอิญเรื่องที่ถามมันคาใจ

(21:49) PornAntha:  ทรมานหน่อย ช่วงนี้ เกรียนเยอะ