@Форум Фантазий

Объявление

На форуме много интересных, невидимых для гостей тем (и конкурсы)! сразу после регистрации они будут вам доступны. Смотрите правила форума и раздел ЧАВО. Присоединяйтесь: у нас тепло в любое время года :)
Закрытые темы: сундучок с секретами, конкурсы, web-дизайн, красивые картинки, творчество, полезные ссылки и др.



Esme Esme Mr.Foxxy Mr.Foxxy Esme cherrybomb Dori-Dori

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » @Форум Фантазий » Секреты html и не только » #2 Структура Html-документа

#2 Структура Html-документа

Страница: 1 2 3 4  

Сообщений 1 страница 10 из 39

1

  • Автор: Ollenkka
  • ~волшебница~
  • Ollenkka
  • Откуда: Perm
  • Зарегистрирован: 2006-08-14
  • Приглашений: 0
  • Сообщений: 3695
  • Уважение: +380
  • Позитив: +389
  • Провел на форуме:
    3 дня 23 часа
  • Последний визит:
    2012-02-04 15:49:33

Структура Html - документа или с чего начинается каждая страничка

Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот).

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню: вид> просмотр HTML-кода, после чего и откроется html -код выбранной странички в блокноте.
В некоторых случаях, отредактированный html-код открытой странички невозможно сохранить под РЕАЛЬНЫМ именем открытого файла, в этом случае блокнот с html-кодом нужной странички нужно открывать кликая правой кнопкой по выбранному файлу в своем компьютере (команда меню: "открыть с помощью> блокнот")

0

2

  • Автор: Ollenkka
  • ~волшебница~
  • Ollenkka
  • Откуда: Perm
  • Зарегистрирован: 2006-08-14
  • Приглашений: 0
  • Сообщений: 3695
  • Уважение: +380
  • Позитив: +389
  • Провел на форуме:
    3 дня 23 часа
  • Последний визит:
    2012-02-04 15:49:33

Рассмотрим структуру html-документа...

Весь html - документ заключается в теги:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>....</html>

Добавляем голову html-документа - head:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>....</head></html>

В голову пишем заголовок нашего сайта в тегах title:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Заголовок.....</title>
</head>
</html>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Заголовок.....</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
</head>
</html>

На самом деле существует еще множество интересных мета-тегов, но об этом позже)

Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт, его структура) - body:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Заголовок.....</title>
</head><body>.......</body>
</html>

0

3

  • Автор: Ollenkka
  • ~волшебница~
  • Ollenkka
  • Откуда: Perm
  • Зарегистрирован: 2006-08-14
  • Приглашений: 0
  • Сообщений: 3695
  • Уважение: +380
  • Позитив: +389
  • Провел на форуме:
    3 дня 23 часа
  • Последний визит:
    2012-02-04 15:49:33

Мета-теги...

Как и обещала, рассказываю о META-тегах...

Чтобы облегчить жизнь поисковым роботам (да и себе тоже), не забывай о meta-тегах. Все они вставляются в head.

<META NAME="Description" CONTENT="Подробное описание Твоего сайта">
это описание поисковый сервер будет выдавать рядом с ссылкой на твой ресурс.

<META NAME="Keywords" CONTENT="ключевые слова Твоего сайта">сильно на них не рассчитывай: в последнее время поисковики при индексации больше анализируют сам текст сайта , а не набор ключевых слов, правда, не все...

<META NAME="Updated" CONTENT="дата обновления">
дата обновления сайта.

<META NAME="Document-state" CONTENT="Dynamic">
если документ часто обновляется.

<META NAME="revizit-after" CONTENT="7 days">частота захода роботов.

<META NAME="Document-state" CONTENT="Static">
если сайт не изменяется, можно заблокировать доступ робота к сайту.

<META NAME="robots" CONTENT="разрешение">
действия, разрешенные роботам: ALL (все действия разрешены), Index(можно индексировать страницу), Noindex (нельзя индексировать).

<META NAME="Rating" CONTENT="доступ">
указание доступа к Твоему сайту: General(сайт доступен всем), 14 jears (доступен людям от 14 лет; можно писать любую другую цифру для аналогичных случаев), Mature (только взрослым) и многие другие...

<META NAME="URL" CONTENT="http://Адрес твоего сайта">определение главной страницы для индексирования.

<META NAME="doc-type" CONTENT="Тип документа">
указание типа документа, например - "Homepage".

<META NAME="language" CONTENT="Russian Federation">
указание языка ресурса.

<META NAME="Author" CONTENT="Автор сайта">
авторство.

0

4

  • Автор: Чёрный_рыцарь
  • Участник
  • Зарегистрирован: 2006-08-23
  • Приглашений: 0
  • Сообщений: 21
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    14 часов 46 минут
  • Последний визит:
    2009-09-20 03:54:57

=)  К вычеперечисленому могу добавить ещё один мета

<meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=23)">

Каждый раз, когда будет открываться эта страница --------- она будет загружаться совершенно по разному Пример Здесь

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

Отредактировано Чёрный_рыцарь (2006-08-23 16:13:42)

0

5

  • Автор: Настена
  • Постоянный участник
  • Настена
  • Откуда: Украина=)
  • Зарегистрирован: 2006-08-22
  • Приглашений: 0
  • Сообщений: 94
  • Уважение: +1
  • Позитив: +0
  • Пол: Женский
  • Возраст: 34 [1990-02-27]
  • Провел на форуме:
    3 минуты
  • Последний визит:
    2007-01-28 19:16:59

классный тег.....может я его вставлю к себе

0

6

  • Автор: Чёрный_рыцарь
  • Участник
  • Зарегистрирован: 2006-08-23
  • Приглашений: 0
  • Сообщений: 21
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    14 часов 46 минут
  • Последний визит:
    2009-09-20 03:54:57

Да, классный .....

Мог бы добавить ещё один классный мета,   :(  но он уже описан на http://fantasyflash.narod.ru/web/webmaster22_1.htm 

Ищи "Автооткрытие нужной страницы, расположенной по новому URL, при загрузке старого сайта через определенное число секунд"

Отредактировано Чёрный_рыцарь (2006-08-23 16:27:56)

0

7

  • Автор: lunarik
  • Участник
  • lunarik
  • Откуда: Вельск
  • Зарегистрирован: 2006-08-20
  • Приглашений: 0
  • Сообщений: 19
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    Не определено
  • Последний визит:
    2006-11-22 16:38:58

Насчет сайта с сылками на скриптах.
Вот мне нужно чтобы робот смог прочитать их. Как это сделать?
Например я должен создать карту сайта пример: http://www.gosdetstvo.ru/mapfut.html
и вставить адрес в тэг <META NAME="URL" CONTENT=.... или есть другой путь?

0

8

  • Автор: Ollenkka
  • ~волшебница~
  • Ollenkka
  • Откуда: Perm
  • Зарегистрирован: 2006-08-14
  • Приглашений: 0
  • Сообщений: 3695
  • Уважение: +380
  • Позитив: +389
  • Провел на форуме:
    3 дня 23 часа
  • Последний визит:
    2012-02-04 15:49:33

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

0

9

  • Автор: lunarik
  • Участник
  • lunarik
  • Откуда: Вельск
  • Зарегистрирован: 2006-08-20
  • Приглашений: 0
  • Сообщений: 19
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    Не определено
  • Последний визит:
    2006-11-22 16:38:58

Даже если ссылка вида javascript:win('texts/mishel.htm');?

0

10

  • Автор: Ollenkka
  • ~волшебница~
  • Ollenkka
  • Откуда: Perm
  • Зарегистрирован: 2006-08-14
  • Приглашений: 0
  • Сообщений: 3695
  • Уважение: +380
  • Позитив: +389
  • Провел на форуме:
    3 дня 23 часа
  • Последний визит:
    2012-02-04 15:49:33
lunarik написал(а):

Даже если ссылка вида javascript:win('texts/mishel.htm');?

а с такой ссылкой, думаю, могут начаться небольшие проблемы при индексации... Попробуй)

0

Страница: 1 2 3 4  

Вы здесь » @Форум Фантазий » Секреты html и не только » #2 Структура Html-документа