Вы здесь

HTML - полезные советы

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

  • Избегайте использовать слишком большие таблицы. По возможности старайтесь разбить большие таблицы на более мелкие, либо не используйте их совсем. Это объясняется тем, что табличное содержимое не отображается в браузере до тех пор, пока таблица полностью не будет загружена. В результате пользователю приходится ждать несколько дольше, наблюдая за пустым окном браузера и ругая медленную работу сервера, что, как вы понимаете, нежелательно.
  • Если у вас нет возможности запрограммировать автоматическое перенаправление на другую страницу при помощи файла .htaccess, то это можно попытаться сделать при помощи следующего HTML кода:

    <html>
    <head>
       <meta http-equiv="refresh" content="5;url=http://адрес_страницы/">
       ...
    </head>

    При этом в теле такой переходной страницы укажите новую ссылку с просьбой нажать на нее, если перенаправление не произошло автоматически.
  • Первая строка документа HTML по правилам должна описывать используемый стандарт языка. Это команда DOCTYPE (DTD). Она считается необязательной, но крайне желательной, так как во многом именно от нее зависит то, как будут интерпретироваться HTML коды вашей веб-страницы.
  • Кнопку формы можно сделать в виде изображения. Для этого используется следующая команда <input type="image" src="http://msiter.ru/picture.png" border="0" height="10" width="15" alt="submit">.
  • Если, выложив сайт на сервер, вы заметили, что вдруг не отображаются изображения, а на вашем компьютере все было хорошо, то следует проверить следующее:
    1. 1. Возможно, все адреса изображений были заданы не относительными, а абсолютными (что-то вроде file:///...).
    2. 2. Иногда можно напутать со слэшами: поставить "\", а не "/". В адресах следует использовать только символ "/", т.е. прямые слэши.
    3. 3. При передаче файлов изображений на сервер по FTP, их имена могут быть преобразованы в верхний регистр, например, PICTURE.PNG, а в коде веб-страницы имена изображений заданы в нижнем регистре, т.е. picture.png. UNIX подобные системы воспринимают эти имена, как разные.
  • Создавая из одной картинки карту ссылок, разрезав его на части, помните, что для HTML символ конца строки равнозначен символу пробела. В результате этого теги, формирующие карту ссылок, необходимо писать на одной строке, или между частями картинки будут отображаться промежутки.
  • Если вы используете фреймы и хотите, чтобы между ними не было границы, которая по умолчанию имеет ширину 2-3 пикселя, то можно использовать в теге <frameset> атрибуты border="0" frameborder="0".
  • Если на сервере есть возможность использовать технологию SSI (Server Side Include), то вы можете склеить конечный документ HTML из нескольких частей. Для этого нужно воспользоваться соответствующими командами:
    <!--#include file="ssi/menu.html" -->
    в этом случае путь к приклеиваемому файлу читается от текущего файла, т.е. от того файла, в котором указана данная команда;
    <!--#include virtual="ssi/menu.html" -->
    в данной команде используется путь от корневой директории сервера.
    Команды склеивания SSI позволяют создавать куски HTML документа, которые не изменяются на всех страницах сайта, например, меню, и держать их в виде отдельных файлов. При этом изменения, вносимые в эти файлы, будут отражаться на всех страницах сайта, что избавляет от долгой и нудной работы по исправлению всех документов HTML.
  • Если вы какое-либо изображение сделаете ссылкой, то по умолчанию вокруг него будет отображаться синяя рамки, что весьма не эстетично. Чтобы эта рамка исчезла, необходимо использовать команду <a href="http://msiter.ru/page.html"><img src="http://msiter.ru/picture.png" border="0"></a>.
  • Команда "mailto:", используемая для отправки сообщений, помимо адрес может иметь дополнительные опции. Например, <a href='mailto:name@domain.ru?subject="Заголовок письма"&Body="This body of e-mail">Текст</a>.