Теги: теория
Кроме текстовой и графической информации каждая веб-страница содержит невидимый для пользователя HTML-код или, по-другому, набор тегов. Тегами называются специальные команды языка HTML, которые сообщают веб-браузеру информацию об отдельных элементах страницы (текст, рисунки, таблицы, линии). Веб-браузер в свою очередь использует полученные сведения для отображения элементов страницы в заданном порядке и в соответствии с указанными свойствами.
Тег обозначается одним или несколькими английскими словами, которые объясняют его назначение. Записываются теги следующим образом:
<Тег>... текст </Тег> (упрощенный вариант), где <Тег> является "открывающим" тегом, а </Тег> - "закрывающим". Закрывающие и открывающие теги также называют контейнерами.
Или <Тег атрибут1="значение" атрибут2="значение".. атрибутN="значение">текст</Тег> (более сложный код с использованием атрибута - набор символов, соответствующий какому-либо английскому слову, дающему понять предназначение атрибута).
Практическая часть.
Если вы хотя бы в общих чертах знакомы с синтаксисом и базовыми элементами языка HTML, проблем при работе с тегами возникнуть не должно. Поэтому, когда основные работы по верстке веб-сайта будут закончены, стоит задуматься о кое-каких деталях, а заодно на практике закрепить навыки работы с тегами.
1. Мета-теги
С помощью этого вида тегов в HTML-код вводится информация о содержании сайта, его владельце, авторе дизайна. Данные отображаются в разделе "description", являющегося объектом пристального внимания поисковых роботов. Да, не стоит удивляться, именно на данные мета-тегов в первую очередь ориентируются роботы и на основании полученной информации отображают сайт в результатах поиска. Поэтому так важно добавлять в исходный код не только описание ресурса, но и ключевые слова: <meta name="keywords" content="дизайн, веб-дизайн, программирование" />
Также возможны и более сложные манипуляции. Например, для обеспечения регулярного просмотра поисковыми роботами вашей веб-страницы необходимо ввести следующий текст: <meta name="document-state" content="dynamic" />
В таблице приведены основные мета-теги и их значения. Внимательно изучите следующие особенности мета-тегов, поскольку в дальнейшем полученные знания можно применить для оптимизации сайта под поисковые системы.
| Тег | Описание |
| Owner | владелец ресурса |
| Author | автор и разработчик ресурса |
| Description | краткое описание сайта |
| Copyright | авторские права |
| Generator | программное обеспечение, с помощью которого создавался сайт |
| Keywords | ключевые слова |
-
Программные разработки любой сложности. Сопровождение ПО. Гарантия.Адрес и телефон · www.tndmsoft.ru
2. Добавление страницы в избранное
Чтобы пользователь одним нажатием на кнопку смог добавить понравившийся веб-ресурс в папку "Избранное" веб-браузера, примените следующий код:
<a href="javascript:window.external.AddFavorite ('http://адрес страницы', 'описание страницы')">Добавить в избранное</A>
3. Установка домашней страницы
Обычно домашними страницами назначают поисковые системы, или каталоги, чтобы в случае необходимости быстро найти информацию. Однако ссылка для установки домашней страницы может присутствовать и на обычном сайте. Ниже приведен необходимый html-код.
<head>
<title>JavaScript. Установление страницы стартовой</title>
</head>
<body>
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://); return false;">Сделать стартовой</a>
</body>
</html>
4. Перенаправление страниц
С перенаправлением пользователя по истечению определенного количества времени на другую страницу, вы наверняка не раз встречались при загрузке контента. Для использования на сайте подобного метода введите код: <meta http-equiv="refresh" content="время в секундах; url=адрес">.
5. Значок сайта
Обратите внимание: при загрузке некоторых веб-ресурсов в адресной строке отображается значок сайта. Делается это с целью формирования в сознании пользователя индивидуального стиля ресурса.
Код значка выглядит так: <link rel="shortcut icon" href="favicon.ico">
Теперь ваш сайт полностью готов. Удачной раскрутки!