Что такое Rowspan?
Атрибут rowspan - это функция языка разметки гипертекста (HTML), которая позволяет ячейке таблицы на веб-странице расширяться на несколько строк. HTML является одним из основных способов создания веб-страниц. Как правило, веб-браузер декодирует HTML, отправленный веб-сайтом, и отображает результаты на экране компьютера в удобочитаемом формате. HTML включает в себя концепцию таблицы для организации содержимого на странице.
Таблица имеет несколько строк и столбцов, которые по вертикали и горизонтали упорядочивают информацию. При отображении таблицы HTML часто требуется, чтобы один элемент содержимого применялся или распределялся по нескольким строкам. В таблице rowspan = N - где N - это число, такое как 2, 3 и т. Д. - указывает, что ячейка распространяется на такое количество строк.
Рассмотрим пример, в котором данные о продажах отображаются в виде таблицы с тремя заголовками столбцов: регион продаж, лицо, возглавляющее регион, и сумма продаж. Во время периода записи в южном регионе произошла смена головы; соответствующие суммы должны быть отнесены к обоим людям. Следующий код достигает этого.
<HTML>
<table border = "1">
<TR>
<Й> область </ е>
<Й> Руководитель </ й>
<Й> Продажа </ е>
</ TR>
<TR>
<TD> East </ TD>
<TD> Льюис </ TD>
<TD> $ 2100 </ TD>
</ TR>
<tr> <td rowspan = "2"> Юг </ td> <td> Лилиан </ td> <td> $ 1,180 </ td> </ tr>
<tr> <td> Лаверн </ td> <td> $ 1300 </ td> </ tr>
<tr> <td> West </ td> <td> Larnoe </ td> <td> 1900 $ </ td> </ tr>
</ Table>
</ Html>
В этом примере таблица создана. Указываются заголовки Region, Head person и Sales, за которыми следуют четыре строки данных. Каждая ячейка в таблице указывается атрибутом данных таблицы (td). Данные для юга проходят через две строки, поэтому, указав rowspan = 2, слово South распространяется на две строки. Следующая строка имеет только два атрибута td, а не три, как во всех других строках.
Можно скопировать этот код в текстовый файл и вызвать его в браузере для просмотра эффекта. В этот код были добавлены пробелы, чтобы легко идентифицировать руководителей продаж, но они не обязательны. Ниже приведен несколько иной пример, когда один человек, Лилиан, возглавляет два региона: Юг и Запад.
<HTML>
<table border = "1">
<TR> <й> область </ й> <й> Глава </ й> <й> Продажа </ й> </ TR>
<TR> <TD> Восток </ TD> <TD> Льюис </ TD> <TD> $ 2100 </ TD> </ TR>
<tr> <td> South </ td> <td rowspan = "2"> Lilian </ td> <td> $ 2,480 </ td> </ tr>
<tr> <td> West </ td> <td> 1900 $ </ td> </ tr>
</ Table>
</ Html>
Веб-странице, возможно, не нужно показывать данные в виде таблицы. Он может иметь заголовок, такой как название компании и логотип, одно или несколько меню сверху или сбоку, основная информация посередине и так далее. При создании такой веб-страницы часто используется структура таблицы, и читатель не знает об этом. Чтобы обеспечить плавный эффект, атрибут rowspan используется всякий раз, когда часть содержимого распространяется на несколько строк.
Например, можно создать личную веб-страницу, которая содержит три столбца информации: «Семья», «Карьера» и «Сообщество». Каждый столбец может содержать краткое введение, фотографию и подробности. Чтобы страница выглядела лучше, можно использовать полосу цвета вдоль правой стороны. В этом случае функция интервала строк может использоваться для указания того, что полоса цвета охватывает все строки.