Характеристики атрибута
В каких браузерах работает?
3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких спецификациях используется?
HTML | - | 4.01 | - |
XHTML | 1.0 | - |
Для чего используется?
Для <frameset>
Определяет размеры фреймов, которые сгруппированы в одну колонку под родительством требуемого frameset. При работе с несколькими колонками фреймов возникает несколько возможных вариантов указания ширины:
- ширина просто задается в пикселях;
- ширина определяется процентным значением, которое высчитывается от общей ширины родительского элемента;
- допускается применение знака *, который обозначает остаточную ширину, которая осталась после определения габаритов предыдущих колонок.
Размеры в пикселях задаются, когда необходимо иметь строго фиксированную ширину. Это необходимо для вставки изображений и прочих элементов, имеющих свои размеры. Использование процентной ширины объясняется необходимостью сохранения определенных пропорций при переменном значении размеров основного экрана. В атрибут записываются сразу все ширины в нужном формате (допускается использовать все три разных формата одновременно) через запятую.
Для <table>
Для этого тега атрибут указывает количество столбиков в таблице. Это значение не задает строгое количество, а помогает браузеру считывать код таблицы, тем самым ускоряя процесс ее загрузки.
Для <textarea>
В этом случае атрибут контролирует ширину поля, используя в качестве единиц измерения буквенные символы.
Как правильно задавать?
Для <frameset>
<frameset cols="ширина 1, ширина 2, …">фреймы</frameset>
Для <table>
<table cols="число">…</table>
Для <textarea>
<textarea cols="число"></textarea>
Какие значения могут быть записаны в атрибут?
Значения указывается либо в пикселях, либо в процентах. Допускается использования знака *, который обозначает оставшуюся ширину. В таблицах единиц измерения для атрибута нет.
В каких тегах применяется?
<frameset> |
<table> |
<textarea> |
Пример использования
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Атрибут cols</title> </head> <frameset rows="60,*" cols="*" border="5"> <frame src="doc1.html" name="first" scrolling="no" noresize> <frameset cols="80,*"> <frame src="doc2.html" name="second" scrolling="no" noresize> <frame src="doc3.html" name="third" noresize> </frameset> </frameset> </html>
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Атрибут cols</title> </head> <body> <table cols="5"> <tr> <td>link</td> <td>source</td> </tr> <tr> <td>link</td> <td>source</td> </tr> <tr> <td>link</td> <td>source</td> </tr> </table> </body> </html>