Заголовки страниц сайта в HTML.

Заголовки страниц сайта в HTML обозначаются тегами < h1>, < h2>, < h3>, < h4>, < h5>, < h6> . Элементы страниц сайта < h1>...< /h1>, ...< h6>...< /h6>; атрибуты ( id, class, style, title).

В синтаксисе HTML существует требование, чтобы заголовки в правильной струтуре страницы сайта располагались по порядку( например, h3 не должны идти перед h2). Выполнение этого правила не только повышает доступность сайта и его страниц, но также помогает оптимизировать работу поисковых систем( информация в заголовках верхнего уровня получает больший вес), при этом будет правильно выполняться вложенность тегов. Рекомендуется единообразно использовать уровни заголовков страниц сайта в масштабе всего сайта, на всех страницах. Об этом не стоит забывать при создании своего сайта. Например, применять заголовок h2 во всех названиях статей; h3 в названиях разделов и т.д. При этом страницы сайта получаются красивыми и читаются такие страницы приятно и легко.

В языке тегов HTML имеются шесть( 6) уровней заголовков, которые обозначаются тегом < h1>,< h2>,< h3>,< h4>,< h5>,< h6>. Заголовок первого уровня, тег < h1> < /h1> самый крупный, а заголовок

, будет немного поменьше, соответственно заголовок в теге < h6> < /h6> будет самым маленьким заголовком. О заголовках разного уровня мы еще не раз с вами пообщаемся в разделе основы языка тегов и разметок.

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

Да и вообще, применение каскадных таблиц стилей CSS - это мощный инструментарий при создании сайта.

Тут можно заметить, что заголовки обычно выступают как реперные знаки при составлении программ на языке Java Script или создании плагинов для библиотеки jQuery в ходе создания своего сайта. При этом составлять выборку элементов страниц сайта удобно и просто цепляясь последовательно за очередной заголовок в HTML-кодах.

Вот, заглавие этой страницы: < h2 align="center">< a href="../strojsait/novichok.html" title="Переход на главную страницу">Заголовки страниц сайта.< /a>< /h2>. Можно к этому заглавию< h2>...< /h2> применить каскадную таблицу стилей. И полностью разукрасить согласно Вашему вкусу. Вот, например, применяю местный стиль и получаю следующее:

Заголовки страниц сайта.

Номерации заглавии по размерам шрифтов. Так цифра 1 означает, что заглавие будет написано самыми большими буквами из реестра для заглавий, и цифра 6 предполагает самый меньший шрифт для букв заглавий. А все остальное между этими цифрами соответственно.

                            Вот смотрите:
                           
                                           

" Заголовки страниц сайта."

" Заголовки страниц сайта."

" Заголовки страниц сайта."

" Заголовки страниц сайта."

" Заголовки страниц сайта."
" Заголовки страниц сайта."

Значит, заголовок дает возможность быстро сориентироваться на странице сайта, на которой много информации и нужного материала. Быстро пробегая глазами по заголовкам на странице сайта, сразу определяете на чем стоит остановиться. Правильное использование тегов заголовков даст возможность не только соориентироваться на странице сайта ( можно добиться используя любые теги совместно с таблицами стилей), но возможность уверенно находить людям с ограниченными возможностями им нужные материалы, которые используют голосовые браузеры и устройства чтения Брайля. Существуют устройства и плагины, которые позволяют быстро перемещаться по документу. Поисковым роботам будет проще работать со страницей сайта, проще выделить главное и второстепенное, а значит больше шансов попасть в топ. Четкая логическая и семантическая структура документа страницы сайта будет шагом к качеству, понятности, четкости и доступности информации и любого материала.

Еще раз повторимся, да и вы сами при создании своего сайта не раз можете попробовать изменять цифры в тэге заголовка от одного до шести и обратно. При этом пронаблюдать и посмотреть, как будет изменяться величина текста и араскладка на страницах сайта. Будьте внимательны при создании сайта и не забывайте после каждого изменения в коде, html файл необходимо сохранить, а чтобы увидеть внесенные изменения необходимо обновить веб-страницу в любом вам приятном браузере. Одновременно или параллельно, как хотите, с величиной текста тег( разметка) заголовка разного уровня задает отступы и делает текст жирным.

В основном при создании страниц сайта в html документах применяют заголовки первого, второго и третьего уровня. Поисковые системы больше всего обращают внимание на ключевые слова находящиеся в заголовке первого уровня, меньше в заголовке второго и третьего уровня и т. д., т. е. чем больше уровень заголовка тем меньше заголовок представляет какое-либо значение для поисковых систем. Устроено так, что поисковые системы перестали придавать большое значение ключевым словам заключенным в теге h1, ну, вообщем как-то так выглядить теперь в сетях Интернета.


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
... ... ...

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