1.8.7 Таблицы
Многие из вас уже создавали таблицы в редакторе MS Word. Язык HTML предоставляет похожие возможности форматирования таблиц. В нём можно управлять количеством ячеек, их размерами, объединять ячейки и т.д. Мы рассмотрим самые основные и необходимые способы форматирования, но углубляться в остальные возможности не станем. Скорее всего, вы с таблицами столкнётесь в реальной жизни очень не скоро. Но поскольку необходимым пластом знаний вы уже будете обладать, вам не составит труда их изучить полностью.
Многие из вас таблицы видели лишь только на сайте «Википедия» и более нигде вы с ними не сталкивались. Большинство сайтов просто не нуждается в предоставлении каких-либо табличных данных. Даже если будет необходимо разместить подобные таблицы, чаще всего тех возможностей, о которых мы поговорим в этом разделе, будет достаточно.
Раньше, когда HTML только зарождался, таблицы активно использовались при создании дизайна страницы. Это было связано с тем, что на тот момент ещё не было CSS. Для создания структуры страницы создавали таблицу такой ширины, чтобы она умещалась на экране большинства компьютеров. И в зависимости от дизайна, создавалось нужное количество ячеек с определёнными размерами. Чаще всего это были трёх-колоночные или двух-колоночные макеты, в которых был один блок с основным контентом, и один или два блока по бокам с дополнительной информацией, навигацией и т.д. Например, трёх-колоночный макет создавался таблицей 3×3. Ячейки первой и последней строки объединялись в одну. Это были шапка и футер сайта. Во второй строке ячейкам задавали необходимую ширину. Затем в необходимые ячейки добавлялись картинки дизайна обычной вставкой тега <img>. Если дизайн был сложный, то в некоторые ячейки вставлялись ещё таблицы с нужным количеством ячеек и в них, опять же, вставлялись картинки.
Сейчас создание макета страницы с помощью таблиц считают, мягко говоря, плохим тоном. Во-первых, таблицы необходимы для предоставления табличных данных и не для использования в дизайнерском оформлении страницы, т.е. применение таблиц в дизайне есть грубая семантическая ошибка. Анализировать такие страницы поисковым роботам весьма затруднительно, а программы для чтения страниц, которыми пользуются слабовидящие, не могут сориентироваться на таких страницах и дать необходимую пользователю информацию. Во-вторых, появился язык CSS, возможности которого позволяют сделать не только простой трёх-колоночный или двух-колоночный макет, но и более сложные макеты, в которых элементы могут располагаться весьма необычным образом и таблицы с такими задачами не справились бы. В-третьих, HTML код страницы, свёрстанной на таблицах, является более громоздким и трудночитаемым по сравнению с кодом, в котором применялись лишь теги организации структуры страницы (о которых мы поговорим позже) и CSS.