Отправляет email-рассылки с помощью сервиса Sendsay

Сайтостроение (уроки по HTML, PHP, MySQL, веб-дизайну)

Рассылка закрыта

При закрытии подписчики были переданы в рассылку ""Свой сайт - это просто! Создание, продвижение, SEO"" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Апрель 2002   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
tmorozova.ru

Статистика

17.902 подписчиков
-41 за неделю
←   Все выпуски   →

Сайтостроение (уроки по HTML, PHP, mySQL , WEB-дизайн)


Служба Рассылок Subscribe.Ru

Сайтостроение. Основы HTML. Уроки с сайта http://progs.biz

Рассылка №4

Основы HTML. Урок 12. Работаем с метатегами.
Основы HTML. Урок 13. Как вставить листинг программы или тег <pre>.
Основы HTML. Урок 14. Вставка специальных символов.
Полные версии уроков (с картинками) можно найти по адресам
Урок 12. Работаем с метатегами.
Урок 13. Как вставить листинг программы или тег <pre>.
Урок 14. Вставка специальных символов.

HTML. Урок 12. Работаем с метатегами

Наряду с основной частью WEB-страницы, помещаемой между тегами <body> и </body>, есть еще и вспомогательная, помещаемая между <head> и </head>. И если первая часть, как правило, пользователю видна, то вторая - нет (за исключением, быть может, содержимого тега <title> и </title>). В этом уроке мы с вами как раз и обсудим, что за информацию можно поместить между тегами <head> и </head> и кто ее будет использовать.

Вот типичный пример содержимого тегов :

...
<head>
    <meta http-equiv="Content-Type"
    content="text/html;charset=windows-1251">
    <meta http-equiv="Content-Language" content="ru">
    <meta name="Description" content="ActiveX на Visual Basic">
    <meta name="Keywords" content="Visual Basic, Basic, VB, ActiveX">
    <meta name="revisit" content="3">
    ...
</head>
 ...

А вот что означают эти теги:

Первый тег:

<meta http-equiv="Content-Type"
content="text/html; charset=windows-1251">

указывает на то, что, во-первых, передаваемые данные надо интерпретировать как HTML-текст и, во-вторых, браузеру собщается, что передаваемые данные используют русскую кодировку windows-1251 (как известно, существует несколько способов для кодировки русских букв, и поэтому хорошо бы указать нужную кодировку прямо в теле HTML-страницы, что мы тут и делаем). Кодировка windows 1251, кстати, чаще всего и используется.

Второй метатег

    <meta http-equiv="Content-Language" content="ru">

указывает на то, что язык страницы - русский. Дело в том, что на одном сайте могут быть одинаковые по содержанию страницы на разных языках. В настройках же браузера указывается, в каком порядке пользователю предпочтительнее выдавать страницы (например, предпочтительнее всего выдавать страницу на русском, а если такой нет, то на английском и т. д.). И этот метатег как раз язык страницы и определяет. Вот, кстати, как можно настроить Internet Explorer 6 на предпочтительные языки: заходим в меню Tools и выбираем подменю Internet Options. В появившемся диалоговом окне переходим на вкладку General, внизу этой вкладки нажимаем на кнопку Languages.

Появится окно Language Preference, в котором можно добавлять новые языки в список (кнопка Add), удалять языки из списка (кнопка Remove), а также менять порядок языков (кнопки Move Down и Move Up).

Возвращается опять к нашим тегам. Следующий тег

    <meta name="Description" content="ActiveX на Visual Basic">

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

Следующий из рассматриваемых метатегов - это метатег с ключевыми словами:

    <meta name="Keywords" content="Visual Basic, Basic, VB, ActiveX">

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

И, наконец, последний метатег в нашем обзоре:

    <meta name="revisit" content="3">

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

Наверх

HTML. Урок 13. Как вставить листинг программы или тег <pre>

Листинги программ пишутся обычно с разными отступами. Например, тело некоторого цикла имеет больший отступ, чем основной текст, а тело вложенного в первый цикл другого цикла имеет еще больший отступ. Вставлять в текст WEB-странички дополнительные пробелы смысла нет - все равно браузер будет показывать несколько идущих подряд пробелов как один пробел. Поэтому идти тут надо другим путем - а именно через пару тегов <pre>...</pre>. Все отступы и переходы на новую строчку внутри этих тегов будут интерпретироваться буквально, т. е. сколько вы пробелов поставите, столько браузер и покажет и где вы на следующую строчку перейдете (нажав просто Enter), там браузер тоже покажет на одну строчку больше.

А вот и пример:

<pre>if(k==3){
    m++;
}</pre>

Этот фрагмент будет показан так (со всеми необходимыми отступами и переходами на новую строчку!):

if(k==3){
    m++;
}

Таким образом листинги ваших программ на WEB-страничке помещайте в теги <pre>...</pre>

Наверх

HTML. Урок 14. Вставка специальных символов

На предыдущем уроке мы с вами посмотрели, как можно вставлять на WEB-страничку отформатированный текст (например, листинг некоторой программы). Но тут (и не только тут) нас могут поджидать некоторые неприятности. Например, в нашей программе мегут встретится угловые скобки. Типичный пример - это include из языка C/C++:

#include <iostream.h>

Просто расположить символы угловых скобочек нельзя - любой браузер будет интерпретированить их как некий тег (который он не может распознать). Поэтому их на вашей HTML-странице надо ставить особым образом, вот так:

#include &lt;iostream.h&gt;

После этого браузер покажет то, что мы и хотели.

Вот еще список символов, которые надо вставлять особым образом:

Символ Как вставлять
" &quot;
& &amp;
§ &sect;
© &copy;
® &reg;
Наверх

Copyright Алексеев Игорь, 2002

Copyright сайт progs.biz, 2002

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное