Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
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 31


Чувашия-это моя Россия

Заголовок документа в HTML.

Заголовок страниц сайта - это место, где можно указать информацию о документе, важную для пользователей, браузеров и поисковых систем. Сюда часто помещают скрипты на языке и JavaSript, и библиотеки jQuery, и встроенные таблицы стилей. Тут можно размещать всю информацию, которая желательна и необходима для полного отображения Вашей страницы сайта.

Ниже приведен кусочек кодов программы реальной, действующей страницы сайта. Вы посмотрите и оцените. Конечно, тут написаны не все теги заголовка страницы сайта.

Вот смотрите на заголовок этой страницы в HTML:

                        < head>
                        < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                        < meta name="copyright" content="Все права принадлежат Васильеву Олег Никандровичу. 
                                   Использование любых материалов возможно только с разрешения автора и при 
                                   указании источника http://seosait21.ru/" />
                        < meta name="author" content="Олег Васильев" />
                        < meta name="keywords" content="как бросить курить легко не курить просто свой 
                                    бесплатно создать сайт страница суть слова смысл хамский язык вера любовь 
                                     здоровье человек" /> 
                        < meta name="description" content=" Сайт о том как основе семи строк PHP и HTML
                                      кодов создать легко и быстро свой собственный сайт из простых блоков." /> 
                        < link rel="stylesheet" type="text/css" href="css/cssverticalmenu.css" />
                        < link rel="shortcut icon" href="http://seosait21.ru/favicon.ico" 
                                                                            type="image/x-icon" />
                        < title>Заголовок документа страниц сайта.< /title>
                        < link rel="stylesheet" href="../stylesheet/saitcss1.css" type="text/css">
                        < script type="text/javascript" src="../js/jquery-1.9.0.min.js">< /script>
                        < script type="text/javascript" src="../js/open_external.js">< /script>
                        < script type="text/javascript">$(document).ready(function(){openExt();});< /script>
                        < /head>

head в HTML: < head>...< /head>. Атрибуты интернационализации: lang, xml:lang, dir id="text" (только XHTML) profile="URLS". Каждый элемент head должен включать в себя элемент title, который содержит описание документа. Элемент head также может включать любой из следующих элементов в любом порядке:

                         script
                         style
                         meta
                         link
                         object
                         isindex
                         base

Элемент head служит просто контейнером для этих элементов сайта и не имеет своего собственного содержимого. Для более четкого представления содержимого заголовка некоторые реальные строки из страниц сайта убрал. Вот смотрите на реальный,действующий заголовок страницы сайта.

Рекомендуется, чтобы HTML-документы (и XHTML-документы без объявления XML) также содержали элемент meta, в котором указывается тип содержания и кодировка символов документа, хотя этот элемент и не является обязательным, но без элемента meta жизнеспособность и развитие страниц сайта обречены на провал. Как видите, тут имеются много тегов < meta> и у каждого тега < meta> конкретное содержание и действуют они по разному.

Названия страниц сайта.

Наиболее важным (и единственным обязательным) элементом заголовка является название документа (title), который содержит описание материалов на странице. title:

                        < title>...< /title>

Данный элемент является обязательным. Атрибуты Интернационализация, lang, xml:lang, dir. Начиная с HTML 4.01 элемент страниц сайта title является обязательным, а это означает, что любой HTML-документ сайта, чтобы пройти проверку на допустимость, должен иметь осмысленное название в заголовке. Название отображается в строке заголовка браузера, вне обычного окна. Названия должны содержать только ASCII-символы (буквы, цифры и элементарные знаки пунктуации). < title> Заголовок документа.< /title>. Название - это то, что отображается в списке «Избранное» или «Закладки пользователя». Описательные названия также являются способом повышения доступности сайта, поскольку это первое, что слышит пользователь при употреблении инструмента для чтения с экрана. Поисковые системы также много используют названия документов сайта. По этой причине важно создавать продуманные и описательные названия страниц сайта для всех документов и избегать неопределенных названий. Также, придется отслеживать длину названия, чтобы они могли отображаться в верхней линейке браузера. Названия страницы сайта должны быть лаконичны и предельно кратко обозначены. При таком написании названия страницы сайта оно бросается в глаза, легче запоминается, да и самому при оформлении страницы сайта вероятность допустить ошибку меньше.

Другие элементы заголовка в HTML. К другим полезным HTML-элементам, помещаемым в элемент head, относятся:

base. Этот элемент определяет базовое местоположение документа сайта, которое служит ссылкой для всех путей и ссылок документа сайта. Элемент base может находиться только в заголовке документа на странице сайта и даный элемент должен находиться перед всеми элементами с внешними ссылками. В элементе base браузеры применяют указанный базовый URL ( но не текущего документа страницы сайта) для определения относительных URL. Элемент base применяют для указания целевого фрейма для относительных ссылок в документе с фреймами. У базового элемента base есть атрибутыЖ

                       id="текст"
                       href="URL" - обязательный
                       target="имя"

link в HTML. Этот элемент определяет взаимосвязь между текущим документом сайта и другим документом. Хотя с его помощью можно обозначить такие отношения, как индекс index, следующий next и предыдущий previous, элемент link в HTML используется для связывания документа сайта с внешней таблицей стилей. Как представлено элемент < link> в заголовке тоже может быть не один раз написан и для разных целей. Элемент link в HTML имеет разнообразные атрибуты:

                       charset="набор_символов"
                       href="URL"
                       HRreflang="код_языка"
                       media="all|screen|print|handheld|projection|tty|tv|braille|aural"
                       rel="связи"
                       rev="связи"
                       target="имя"
                       type="ресурс"

Об элементе link будем писать отдельно, потому что очень важный элемент заголовка.

script в HTML. С помощью этого элемента script в HTML в заголовок документа сайта можно добавить код JavaScript или VBScript и функции из библиотеки jQuery, которые дают неповторимую содержательность Вашей странице сайта. Данный элемент пишется всегда в паре < script>...< /script>, является контейнером для функций и элементов языка JavaScript или библиотеки jQuery. Желательно их всегда размещать после всех элементов заголовка перед закрывающимся элементом < /head>.

Элемент style в HTML. Еще одним методом связывания таблицы стилей с HTML-документом является встраивание его в заголовок при помощи элемента style. Хотя надо знать, что применеие тега < style>...< /style> в заголовке или в теле страницы сайта, бывает не как базовое. Обычно стилевые элементы выносятся за пределы страниц сайта и размещаются в отдельный файл с расширением .css . Но нередко применяются и в заголовке и внутри контента на страницах сайта, так что не удивляйтесь и применяйте смело как Вам покажется необходимость данного элемента. Как говорится, кашу маслом не испортишь.

Элемент meta в HTML. Элемент meta используется для указания информации о документе сайта, например такой, как ключевые слова или описания, которые помогают поисковым системам. Посмотрите наверх, где подробно показано и рассказано о элементе meta в HTML, потому как без онного элемента страницы Вашего сайта отображаться будут сиро и блекло, без должного представления и объявления. Будьте добры всегда применять данный элемент meta в HTML, коли хотите, чтоюбы страницы сайта находились и читались в сетях Интернета.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: