<>
Каталог Java скриптов!Онлайн сервисов!Всё для Веб-мастера!

Оптимизация сайтов

Bookmark and Share

Вход
Логин:
Пароль:
На сайте
Всего: 1
Гостей: 1
Пользователей: 0
HTML. Полезные советы.
 
Не используйте очень большие таблицы на страничке. Если есть возможность, поделите таблицу на несколько более мелких таблиц или вообще откажитесь от них. Это связано с тем, что содержимое таблицы не выводится на экран до тех пор, пока вся таблица не скачана. И у пользователя создается иллюзия медленной загрузки этой страницы, что нежелательно.
     Так можно автоматически перенаправить посетителя на другую страницу:
<html>
<head>
<title>WebClub Has Moved</title>
<meta http-equiv="Refresh" content="15;URL=
http://scriptozna.ucoz.ru/">
</head>
<body bgcolor="#ffffff">
<h1 align=center>
scriptozna.ucoz переместился</h1>
<hr>
<h2 align=center>
Подождите 15 секунд или воспользуйтесь ссылкой:
<a href="http:/
/scriptozna.ucoz.ru/" target="_blank" rel="nofollow">scriptozna.ucoz.ru</a></h2>
</body>
</html>

content="15; - Время перенаправления в секундах.    

Строка DOCTYPE (DTD), расположенная в первой строке HTML документа, описывает стандарт HTML, который используется в этом документе. Два наиболее используемых DTD: HTML 3.2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 2.0: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">


     Чтобы заменить кнопку в форме на изображение используйте: <INPUT TYPE="image" SRC="graphic.gif" HEIGHT="xx" WIDTH="yy" ALT="submit" BORDER="0">    
graphic.gif - Адрес вашей картинки.

Если при размещении странички на сайте не видно картинок, а в локальной версии всё было в порядке, то проверьте следующее:
1. Адреса картинок не относительные, а абсолютные (типа file///....).
2. Могут стоять неправильные слэши: не "/", а "\". В URL, как правило, применяются прямые слэши "/".
3. FTP может класть на сервер файлики с именами, написанными заглавными буквами - PICTURE.GIF, в то время как в тексте будет прописано picture.gif или Picture.gif - для ОС типа UNIX это не одно и тоже
     Если Вы делаете карту ссылок из одного изображения, разбитого на несколько частей, учтите, что язык HTML символ перевода каретки (конец строки) воспринимает как пробел. Поэтому ВСЕ тэги, которые у Вас формируют Вашу карту ссылок, нужно писать в ОДНУ строчку, иначе между картинками будут промежутки!
     Чтобы убрать границы шириной 2-3 пискела между фреймами, добавьте в тэге <FRAMESET> строчку BORDER=0 FRAMEBORDER=0.
     При использовании тэга <table background=img.gif> IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это неудобство можно, вложив таблицу в другую:

<table cellspacing=0 cellpadding=0 border=0 background="img.gif">
<tr><td align="center">
<table cellspacing=0 cellpadding=4 border=0 width="100%" background=""> <tr><td align="left">
<!--Some stuff-->
</td><td align="right">
<!--Some stuff-->
</td></tr>
</table>
</td></tr>
</table> 


Обратите внимание на background="" и на то, что в тэгах таблиц не задан атрибут bgcolor.
   
  Для того, чтобы "собрать" один HTML-документ из нескольких кусков,
нужно использовать команды SSI (Server-Side Includes):
<!--#include file="ssi/menu.html" --> - путь к файлу указывается от текущего файла (файла, в котором расположена команда).
<!--#include virtual="/ssi/menu.html" --> - путь к файлу указывается от корня сервера.
Таким образом, например, можно задать меню, одинаковое для всех страниц сервера, и хранить его в отдельном файле. Тогда его изменение отразится на всем сервере и не потребует кропотливой работы по правке всех HTML-страниц Вашего сервера.
     
  • У адреса mailto:,
  • применяемого для отправки писем, можно задать и другие опции, крома самого адреса. Например, адрес такого вида: mailto:name@domain.ru?subject="Happy Birthday!"&Body="Happy Birthday To You, My Friend!" задает, кроме адреса, subject и даже текст самого письма.
         
  • Как избавиться от противной синей рамки по периметру рисунка, который является ссылкой?
    <a href="link.html"><img src="image.gif" width=15 height=15 border=0></a>
         
  • Как сделать цветную горизонтальную линию без тени, не прибегая к картинке 1*1 пиксел? Эту задачу можно решить двумя способами:
    1) В тэг <hr> добавить атрибуты noshade (убирает тень) и сolor="******" (задает нужный цвет). Но эти атрибуты будет понимать только IE 4 и выше, другие же браузеры будут выводить обычный <hr>.
    2) Cоздать такую конструкцию:
    <table border="0" cellpadding="0" cellspacing="0" width="***"><tr><td height="1"
    bgcolor="******">
    <spacer type="block" height="1" width="***">
    </td></tr>
    </table>

    Ее понимают все версии браузеров, поддерживающие задание цвета в таблицах. Тестировалось на IE 4.0 IE5.0, NN 4.5, NN 3.04.
  • Рейтинг 0.0 (0) голосов | Категория: Оптимизация сайтов | Просмотров: 1094
    Всего комментариев: 0
    наверх
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Топ статьи


      Рекомендуем
    АнтеБаннер
    Сервисы для веб-мастера
    Windows DI
    Заработок для вебмастера
    Все для веб-мастера
    Фотообои
    Шокирующие фото

    Рейтинг@Mail.ru Rambler's Top100
    Хостинг от uCoz