Преимущества и недостатки табличного способа представления данных в HTML-документе.




Преимущества таблиц
Создание колонок.
Основной контент и ссылки по сайту удобнее располагать в разных колонках, разделяя их тем самым. Таблицы же хорошо выступают в качестве многоколонной модульной сетки, каждая ячейка представляет собой отдельную колонку. Это позволяет легко создавать двух- и трехколонный макет объекта. При изменении размера окна браузера, колонки сохраняют свой исходный вид,
«Резиновый» макет
Таблицы удачно подходят для «резинового» макета, ширина которого привязана к ширине окна браузера. Благодаря тому, что размер таблицы можно задавать в процентах, она занимает все отведенное ей свободное пространство.
«Склейка» рисунков.
Таблицы позволяют легко обеспечить «склейку» нескольких рисунков в одно изображение. Каждая картинка помещается в определенную ячейку, параметры таблицы при этом устанавливаются такими, чтобы не возникло стыков между отдельными ячейками.

Фоновые рисунки.

В ячейки таблицы разрешается добавлять фоновый рисунок, в зависимости от размеров ячейки он может повторяться по горизонтали, вертикали или сразу в двух направлениях.
Выравнивание элементов.
Содержимое ячеек можно одновременно выравнивать по горизонтали и по вертикали, за счет чего расширяются возможности по размещению элементов относительно друг друга и на странице в целом.
Недостатки таблиц
Долгая загрузка.
Громоздкий код.
Таблицы содержат сложную иерархическую структуру вложенных тегов, которая увеличивает объем тегов, и повышает сложность изменения отдельных параметров.

4. Плохая индексация поисковиками.
За счет того, что контент располагается в отдельных ячейках таблицы, в коде он может находиться достаточно далеко друг от друга. Такая раздробленность информации, а также значительная вложенность тегов затрудняет правильное индексирование страницы поисковыми системами. Как результат файл не попадает в первую десятку выдачи запроса по ключевым словам, хотя вполне может и заслуживать это.

Несоответствие стандартам.
В последнее время стандарты HTML и CSS (ЦСС) прочно засели в умах web-разработчиков. Этому способствует развитие XHTML и XML, которые более «жестко» относятся к коду объекта, появление новых версий браузеров, придерживающихся спецификации, и мода на верстку слоями.

31) Организации таблицы в HTML-документе.
исполнительный тег контейнер <table>..</table>.
описание каждого нового ряда <tr>...</tr>
таблица, состоящая из одной строки,содержащий две ячейки.
<table>
<table width="600" height="400">
<caption> primer tablicy </caption> присваиваем заголовок
<tr>
<th> yacheika zagolovok < /th> описание ячеек таблицы
<td> yacheika dannie </td>
</tr>
</table>
<table border="1">
<thead style="color:green">
<tr>
<th>Товар</th>
<th>Цена</th>
<th>Кол-во</th>
</tr>
</thead>
<tr>
<th>Гайка</th>
<td>20р</td>
<td>50</td>
</tr>
<tr>
<th>Болт</th>
<td>30р</td>
<td>80</td>
</tr>
<tfoot>
<tr>
<td colspan="3" align="center">Итоговая строка</td> </tr></tfoot>
</table>
32) Организация на веб-странице элементов обратной связи (пользовательская форма).
Форма открывается тегом <form> и заканчивается </form>. Она играет роль контейнера, в котором находятся элементы формы. В общем виде контейнер form записывается так:

<form name ="имя_формы" target="имя_окна" action="glava2.htm" method="get или post" enctype="тип_кодировки_данных" onsubmit="обработчик">
Элементы управления...
</form>
аction – обязательный атрибут, определяет местонахождения обработчика формы (локальный адрес или обработчик формы на сервере, например скрипт script.pl, написанный на языке Perl – action="https://host.com/cgi-bin/script.pl).
method – определяет метод (протокол) передачи данных из формы обработчику. Значения: method=post и method=get (по умолчанию). При локальной обработке данных не обязателен.
enctype – способ кодирования данных для передачи обработчику, используется редко.
name – имя формы. Обязательно только в том случае, если Вы собираетесь впоследствии ссылаться на форму из сценария JavaScript.
target – соответствует аналогичному для тега <a> (ссылка). Если результат обработки формы должен появиться в отдельном окне, присвойте этому параметру имя окна или одно из стандартных значений _blank, _top и т. д.
onsubmit – имя обработчика события Submit. Когда после ввода текста в форму Вы нажимаете Enter или на специальную кнопку («Отправить», «Послать»), происходит событие Submit, то есть данные из формы передаются соответствующей программе для обработки. Как правило, этот параметр опускается, т. к. одним из типовых элементов формы является специальная кнопка, которая инициирует событие Submit без использования дополнительного кода. Если Вы обрабатываете данные локально, имя обработчика не задается.

 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2016-07-22 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: