HTML-код. Простые советы

Каждому из нас приходилось использовать небольшие хитрости HTML, чтобы добиться желаемого результата. Ниже приведены некоторые советы, с которыми дизайн вашего сайта станет лучше. Вообще-то говоря, полный курс теоретических советов вы можете увидеть в разделе "Советы". Здесь же собраны практические, частные случаи, которые могут вам пригодиться при создании сайта или отдельной страницы.

Не используйте очень большие таблицы на страничке. Если есть возможность, поделите таблицу на несколько более мелких таблиц или вообще откажитесь от них. Это связано с тем, что содержимое таблицы не выводится на экран до тех пор, пока вся таблица не скачана. И у пользователя создается иллюзия медленной загрузки этой страницы, что нежелательно.

Так можно автоматически перенаправить посетителя на другую страницу:
<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):

путь к файлу указывается от текущего файла (файла, в котором расположена команда).

путь к файлу указывается от корня сервера.
Таким образом, например, можно задать меню, одинаковое для всех страниц сервера, и хранить его в отдельном файле. Тогда его изменение отразится на всем сервере и не потребует кропотливой работы по правке всех 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>

Еще статьи на тему: Веб дизайн

<<Предыдущая сатья | Следующая сатья>>

S-PRO студия веб дизайна