<P> Предисловие </P>
--------------------------------------------------------------------------------
Каждому
из нас приходилось использовать небольшие
хитрости HTML, чтобы добиться желаемого
результата. Ниже приведены некоторые советы, с
которыми дизайн вашего сайта станет лучше.
Вообще-то говоря, полный курс теоретических
советов вы можете увидеть в разделе "Советы".
Здесь же собраны практические, частные случаи,
которые могут вам пригодиться при создании сайта
или отдельной страницы.
<P> Все по порядку </P>
--------------------------------------------------------------------------------
Не используйте очень большие таблицы на страничке. Если есть возможность, поделите таблицу на несколько более мелких таблиц или вообще откажитесь от них. Это связано с тем, что содержимое таблицы не выводится на экран до тех пор, пока вся таблица не скачана. И у пользователя создается иллюзия медленной загрузки этой страницы, что нежелательно.
Так можно автоматически перенаправить
посетителя на другую страницу:
<Html>
<Head>
<Title>Мы
переехали!</title>
<Meta
Http-equiv="Refresh"
Content="5;URL=http://kimsite.narod.ru/">
</Head>
<Body
BgColor="#ffffff">
<H1
Align="Center">Мы переехали на новое
место:</H1>
<Hr Width="250">
<H2 Align="Center">Подождите 5 секунд
или воспользуйтесь ссылкой:
<A
Href="http://kimsite.narod.ru">http://kimsite.narod.ru</A></H2>
</Body>
</Html>
Если вы используете параметры отступа
текста от рабочего края броузера, учтите, что
для NN и IE они разные:
1) Для Netscape
Navigator: "marginwidth" и "marginheight"
2)
Для Internet Explorer: "topmargin" и
"leftmargin"
Единственный способ корректного
распознавания в обоих броузерах разместите все
параметры:
<Body Topmargin="0"
Leftmargin="0" Marginwidth="0"
Marginheight="0">
Строка DOCTYPE (DTD), расположенная в
первой строке HTML документа, описывает стандарт
HTML, который используется в этом документе. Два
наиболее используемых DTD:
1) HTML 3.2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2
Final//EN">
2) HTML 2.0: <!DOCTYPE
HTML PUBLIC "-//IETF//DTD HTML//EN">
Чтобы заменить кнопку в форме на
изображение используйте:
<Input
Type="image" Src="picture.gif" Width="25"
Height="15" Border="0" Alt="submit">
Если при размещении странички на сайте не
видно картинок, а в локальной версии все было в
порядке, то проверьте следующее:
1. Адреса
картинок не относительные, а абсолютные (типа
file:///....).
2. Могут стоять неправильные
слэши: не "/", а "\". В URL, как правило,
применяются прямые слэши "/".
3. FTP может
класть на сервер файлики с именами, написанными
заглавными буквами - PICTURE.GIF,
в то время
как в тексте будет прописано picture.gif или
Picture.gif - для ОС типа UNIX это не одно и
тоже.
Если Вы делаете карту ссылок из одного
изображения, разбитого на несколько частей,
учтите, что язык HTML символ перевода каретки
(конец строки) воспринимает как пробел. Поэтому
все тэги, которые у Вас формируют Вашу карту
ссылок, нужно писать в одну строчку, иначе между
картинками будут промежутки!
Чтобы убрать границы шириной 2-3 пискела
между фреймами, добавьте в тэге:
<Frameset> строчку Border="0"
FrameBorder="0".
При использовании тэга:
<Table
BackGround="picture.gif">
IE отображает
фоновый рисунок, начиная от начала таблицы, а NN
- с начала каждой ячейки. Обойти это неудобство
можно, вложив таблицу в другую:
<Table
Cellspacing="0" Cellpadding=0 Border="0"
BackGround="picture.gif">
<Tr><Td Align="Center">
<Table Cellspacing="0" Cellpadding="4"
Border="0" Width="100%" BackGround="">
<Tr><Td Align="Left">
Информация в ячейки
</Td><Td
Align="Right">
Информация в ячейки
</Td></Tr>
</Table>
</Td></Tr>
</Table>
Обратите внимание на BackGround="" и на то,
что в тэгах таблиц не задан атрибут BgColor.
Для того, чтобы "собрать" один
HTML-документ из нескольких кусков, нужно
использовать команды SSI (Server-Side Includes):
<!--#include file="ssi/menu.html" -->
путь к файлу указывается от текущего файла
(файла, в котором расположена команда).
<!--#include virtual="/ssi/menu.html"
-->
путь к файлу указывается от корня
сервера.
Таким образом, например, можно
задать меню, одинаковое для всех страниц
сервера, и хранить его в отдельном файле. Тогда
его изменение отразится на всем сервере и не
потребует кропотливой работы по правке всех
HTML-страниц Вашего сервера.
Как избавиться от противной синей рамки
по периметру рисунка, который является ссылкой?
<A Href="link.html"><Img
Src="picture.gif" Border="0"></A>
У адреса mailto:, применяемого для
отправки писем, можно задать и другие опции,
крома самого адреса. Например, адрес вида:
<A
Href="mailto:name@domain.ru?subject="Заголовок
письма"&Body="This body of
e-mail">Text</A>
Источник:
kimsite.narod.ru
Автор:
kimsite@mailru.com