HTML - полезные советы
Предисловие
Каждому из нас приходилось использовать
небольшие хитрости 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>
|