CSS regions - named flow and region chain

           [บทความก่อนหน้า css regions คืออะไร]
           การสร้าง layout ที่สลับซับซ้อนขึ้น มีความจำเป็นที่ต้องให้เนื้อหานั้น ไหลไปตามตามพื้นที่ที่กำหนดจากพื้นที่หนึ่ง ไปยังอีกพื้นที่หนึ่ง โดยไม่มีข้อจำกัดในเรื่องขนาดและตำแหน่ง พื้นที่ดังกล่าวนั้นเราจะถือว่าเป็นเป้าหมายในการไหลของเนื้อหาของเอกสารเรา เราจะเรียกการไหลนี้ว่า named flow
             แต่ละ named flow นี้จะสามารถทำให้เขื่อมโยงกับเซตของพื้นที่ (set of regions) เราจะเรียกพื้นที่เหล่านี้ว่า region chain โดย elements ภายใน box ที่กำหนดเป็น named flow การแสดงผลปกติจะถูกนำออก และ แสดงผลใน CSS regions แทน

            

 

 

CSS regions -- intro

สวัสดีครับ วันนี้ก็มานั่งอัพเดทบล็อคกันสะหน่อย วันนี้ผมจะพูดถึง คุณลักษณะหนึ่ง ใน CSS level3 นั่นคือ Regions เป็นคุณลักษณะหลักที่ผมใช้ในการทำ special project ตอนปี 4

ปัจจุบัน (ณ วันที่ 21/02/2556) คุณลักษณะดังกล่าวยังเป็นแค่รุ่นทดลอง (experimental)[1]

CSS regions นั้นเป็นคุณลักษณะที่ทำให้เนื้อหา (content) ของหน้าเว็บเพจเรา สามารถไหลไปตามพื้นที่ (regions) ที่เรากำหนดไว้ได้ โดยกลไกการไหลนี้ จะทำให้เอกสารของเรามีลักษณะเป็น Reflowable document ได้นั่นเอง

เอกสารที่เป็น reflowable นั้น คือเอกสารที่สามารถไหลหรือปรับเนื้อหาไปตามการเปลี่ยนแปลงของพื้นที่ๆ เปลี่ยนไปได้

[พื้นที่ดังกล่าวอาจจะหมายถึง containing elements ใน HTML]

ตัวอย่างของสิ่งที่เป็น reflowable document เช่น หนังสือ, text book, แมกกาซีน บนเว็บ (web-based) ที่มีลักษณะเป็นพลวัตร (dynamic) กล่าวคือ เนื้อหาสามารถไหล (flow) ไปยังพื้นที่ ๆกำหนด แม้ว่าจะเกิดการเปลี่ยนแปลง ใดๆกับพื้นที่นั่น เช่น การเปลี่ยนขนาดของหน้าเพจ เป็นต้น

[บทความถัดไป รู้จักกับ named flow และ region chain]