Skip to main content

Rowspan là gì?

Thuộc tính Rowspan là tính năng SOPERTEXT đánh dấu ngôn ngữ (HTML) cho phép ô bảng trong một trang web mở rộng qua nhiều hàng.HTML là một trong những cách chính mà các trang web được tạo.Thông thường, trình duyệt web giải mã HTML được gửi bởi một trang web và hiển thị kết quả trên màn hình máy tính ở định dạng có thể đọc được.HTML kết hợp khái niệm bảng để sắp xếp các nội dung trên một trang. Một bảng có nhiều hàng và cột cung cấp thông tin theo chiều dọc và chiều ngang.Khi hiển thị bảng HTML, người ta thường muốn một mục nội dung duy nhất áp dụng hoặc trải trên nhiều hàng.Trong một bảng, Rowspan ' n ndash;trong đó n là một số như 2, 3, v.v. ndash;chỉ ra rằng ô lan rộng trên nhiều hàng đó.

Xem xét một ví dụ trong đó dữ liệu bán hàng được hiển thị dưới dạng bảng với ba tiêu đề cột: khu vực bán hàng, người đứng đầu khu vực và số tiền bán hàng.Vùng phía Nam đã thay đổi đầu trong thời gian ghi âm;Số tiền tương ứng được quy cho cả hai người.Mã sau đây đạt được điều này.

lt; html gt;; Sales lt;/th gt;

lt;/tr gt;

lt; tr gt; lt;/tr gt;

lt; tr gt; lt; td rowspan ' 2 gt; south lt;tr gt; lt; td gt; laverne lt;/td gt;; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;Vùng tiêu đề, người đứng đầu và doanh số được chỉ định theo sau là bốn hàng dữ liệu.Mỗi ô trong bảng được biểu thị bằng thuộc tính Dữ liệu bảng (TD).Dữ liệu cho phía nam đi qua hai hàng, vì vậy, bằng cách chỉ định Rowspan ' 2, từ phía nam mở rộng trên hai hàng.Hàng tiếp theo chỉ có hai thuộc tính TD chứ không phải ba như trong tất cả các hàng khác. Một người có thể sao chép mã này vào một tệp văn bản và đưa nó lên trong một trình duyệt để xem hiệu ứng.Không gian trống đã được thêm vào mã này để dễ dàng xác định các đầu bán hàng, nhưng chúng không cần thiết.Sau đây là một ví dụ hơi khác nhau trong đó một người, Lilian, đứng đầu hai vùng: Nam và Tây.; lt; th gt; head lt;/th gt;TD gt; $ 2,100 lt;/td gt; lt;/tr gt;

lt; tr gt; 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;/bảng gt;

lt;/html gt;Một trang web có thể không cần hiển thị dữ liệu ở dạng bảng.Nó có thể có một tiêu đề như tên công ty và logo, một hoặc nhiều menu ở trên hoặc ở bên cạnh, thông tin chính ở giữa, v.v.Khi tạo một trang web như vậy, một cấu trúc bảng thường được sử dụng bên dưới mà không có người đọc nhận thức được nó.Để tạo hiệu ứng suôn sẻ, thuộc tính Rowspan được sử dụng bất cứ khi nào một số nội dung lan truyền trên nhiều hàng. Ví dụ, người ta có thể muốn tạo một trang web cá nhân, bao gồm ba cột thông tin: gia đình, sự nghiệp và cộng đồng.Mỗi cột có thể có một giới thiệu ngắn gọn, một bức ảnh và chi tiết.Để làm cho trang trông đẹp hơn, một dải màu có thể được sử dụng dọc theo phía bên phải.Trong trường hợp này, tính năng Rowspan có thể được sử dụng để chỉ ra rằng dải màu kéo dài tất cả các hàng.