Rowspan คืออะไร?

attribute rowspan แอตทริบิวต์เป็นคุณสมบัติภาษามาร์กอัปไฮเปอร์เท็กซ์ (HTML) ที่เปิดใช้งานเซลล์ตารางในเว็บเพจเพื่อขยายหลายแถวHTML เป็นหนึ่งในวิธีหลักในการสร้างหน้าเว็บโดยทั่วไปเว็บเบราว์เซอร์ถอดรหัส HTML ที่ส่งโดยเว็บไซต์และแสดงผลลัพธ์บนหน้าจอคอมพิวเตอร์ในรูปแบบที่อ่านได้HTML รวมแนวคิดของตารางเพื่อจัดระเบียบเนื้อหาในหน้า

ตารางมีหลายแถวและคอลัมน์ที่จัดระเบียบข้อมูลในแนวตั้งและแนวนอนเมื่อแสดงตาราง HTML หนึ่งมักจะต้องการรายการเนื้อหาเดียวที่จะใช้หรือกระจายผ่านหลายแถวในตาราง rowspan ' n ndash;โดยที่ n คือตัวเลขเช่น 2, 3, ฯลฯ ndash;บ่งชี้ว่าเซลล์กระจายไปทั่วแถวหลายแถว

พิจารณาตัวอย่างที่ข้อมูลการขายแสดงเป็นตารางที่มีส่วนหัวคอลัมน์สาม: พื้นที่การขายบุคคลที่มุ่งหน้าไปยังภูมิภาคและจำนวนยอดขายภาคใต้มีการเปลี่ยนแปลงของศีรษะในช่วงระยะเวลาการบันทึกจำนวนที่เกี่ยวข้องจะเกิดจากทั้งสองคนรหัสต่อไปนี้ได้รับสิ่งนี้

lt; html gt;

lt; ชายแดนตาราง ' 1 gt;

lt; tr gt;
lt; th gt; ภูมิภาค lt;/th gt;; การขาย lt;/th gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; ตะวันออก lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td rowspan ' 2 gt; ใต้ lt;/td gt; lt; td gt; lilian lt;/td; lt;; tr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1,300 lt;/td gt; lt;/tr gt;; lt; td gt; $ 1,900 lt;/td gt; lt;/tr gt;

lt;/table gt;
lt;/html gt;


ในตัวอย่างนี้ตารางถูกสร้างขึ้นภูมิภาคหัวเรื่องคนหัวและยอดขายจะถูกระบุตามด้วยข้อมูลสี่แถวแต่ละเซลล์ในตารางจะถูกระบุโดยแอตทริบิวต์ข้อมูลตาราง (TD)ข้อมูลสำหรับภาคใต้นั้นข้ามสองแถวดังนั้นโดยการระบุ rowspan ' 2 คำใต้ขยายข้ามสองแถวแถวถัดไปมีเพียงสองแอตทริบิวต์ TD และไม่ใช่สามรายการในแถวอื่น ๆ ทั้งหมด

หนึ่งสามารถคัดลอกรหัสนี้ลงในไฟล์ข้อความและนำมันขึ้นมาในเบราว์เซอร์เพื่อดูเอฟเฟกต์มีการเพิ่มพื้นที่ว่างเปล่าในรหัสนี้เพื่อระบุหัวการขายได้อย่างง่ายดาย แต่ไม่จำเป็นต่อไปนี้เป็นตัวอย่างที่แตกต่างกันเล็กน้อยโดยที่คนหนึ่ง, Lilian, หัวสองภูมิภาค: ทิศใต้และตะวันตก.

lt; html gt;

lt; ชายแดนโต๊ะ ' 1 gt;

lt; tr gt; lt; th gt;; lt; th gt; head lt;/th gt; lt; th gt; sales lt;/th gt; lt;/tr gt;

lt; tr gt; lt; td;td gt; $ 2,100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; ใต้ lt;/td gt; lt; lt; lt;/tr gt;

lt; tr gt; lt; td gt; West lt;/td gt; lt; td gt; $ 1,900 lt;/td gt; lt;/tr gt;

lt;/ตาราง gt;

lt;/html gt;

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

หนึ่งอาจต้องการสร้างหน้าเว็บส่วนบุคคลเช่นรวมถึงสามคอลัมน์ของข้อมูล: ครอบครัวอาชีพและชุมชนแต่ละคอลัมน์สามารถมีการแนะนำสั้น ๆ ภาพถ่ายและรายละเอียดเพื่อให้หน้าดูดีขึ้นแถบสีสามารถใช้ทางด้านขวามือในกรณีนี้คุณลักษณะ rowspan สามารถใช้เพื่อระบุว่าแถบสีครอบคลุมทุกแถว