призрачный форум

www.prizrak.ws

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

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


Вы здесь » www.prizrak.ws » Web [Интернет] » Структура Html-документа>>


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

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

1

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

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

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

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

Подпись автора

Я Хранитель Свеч на границе Тьмы Свет ковал мой меч для своей войны…


www.prizrak.ws Аниме Форум - для общения любителей аниме (японской анимации), манги и хентая. Новости, статьи по темам: безопасность, хакерство, программы. Игры и софт для WinOS, PocketPC, Linux/Unix и др. Архив игр, фильмов DVD, музыки mp3 и программного обеспечения. Теги: скачать anime, скачать мангу, скачать хентай, скачать яой, скачать юри, скачать аниме обои картинки, скачать музыку mp3, скачать фильмы dvd, скачать софт, скачать программы, скачать игры ^__^

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>

Подпись автора

Я Хранитель Свеч на границе Тьмы Свет ковал мой меч для своей войны…


www.prizrak.ws Аниме Форум - для общения любителей аниме (японской анимации), манги и хентая. Новости, статьи по темам: безопасность, хакерство, программы. Игры и софт для WinOS, PocketPC, Linux/Unix и др. Архив игр, фильмов DVD, музыки mp3 и программного обеспечения. Теги: скачать anime, скачать мангу, скачать хентай, скачать яой, скачать юри, скачать аниме обои картинки, скачать музыку mp3, скачать фильмы dvd, скачать софт, скачать программы, скачать игры ^__^

0

3

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

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

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

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

<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>.</noindex>) Noindex (нельзя индексировать).

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

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

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

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

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

Подпись автора

Я Хранитель Свеч на границе Тьмы Свет ковал мой меч для своей войны…


www.prizrak.ws Аниме Форум - для общения любителей аниме (японской анимации), манги и хентая. Новости, статьи по темам: безопасность, хакерство, программы. Игры и софт для WinOS, PocketPC, Linux/Unix и др. Архив игр, фильмов DVD, музыки mp3 и программного обеспечения. Теги: скачать anime, скачать мангу, скачать хентай, скачать яой, скачать юри, скачать аниме обои картинки, скачать музыку mp3, скачать фильмы dvd, скачать софт, скачать программы, скачать игры ^__^

0


Вы здесь » www.prizrak.ws » Web [Интернет] » Структура Html-документа>>