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

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

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


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


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

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

1

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

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

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

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

0

2

Рассмотрим структуру 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

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

Как и обещала, рассказываю о 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

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

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

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

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

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

0

5

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

0

6

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

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

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

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

0

7

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

0

8

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

0

9

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

0

10

lunarik написал(а):

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

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

0


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