Теги HTML: пополняемый список

Теги HTML: пополняемый список

Здравствуйте уважаемые вебмастера и гости проекта. Сегодня продолжаем рассматривать один из богатейших языков программирования электронных ресурсов.

На текущее время последней версией является HTML 5. Однако уже встречал упоминания о том, что в этом году появится следующая версия.

Сегодня начнем рассматривать теги HTML список которых весьма внушителен. Поэтому наиболее вероятно, что я его буду пополнять новыми элементами. Начну с основ и наиболее важных из них. Начинаем.

Теги для построения основы HTML документа

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

Как видите, для начала нужно знать лишь небольшой список тегов:

  • doctype;
  • html;
  • head;
  • meta;
  • title;
  • body;
  • h1;
  • p.

Каждый элемент сейчас рассмотрим подробнее.

Doctype

Браузерам как-то нужно понимать, что они пытаются открыть. В Doctype прописывается тип документа. Для конструкции HTML 5 подходит код, показанный в примере.

HTML

Он представляет собой своеобразный контейнер, в котором находится основное содержимое. Одна часть предназначена исключительно для автоматизированных алгоритмов, например, поисковых роботов, а другая – для формирования визуальной составляющей, которая будет показана пользователям.

Тег строго двойной. Смотрите на картинке выше, как он открывается вначале и закрывается в конце. Также обратите внимание, что в нем нужно указать язык, на котором ведется ресурс.

Head

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

Meta

В него закладываются метатеги, необходимые для браузеров, поисковых машин, информативности и другие. Например, за счет него определяется краткое описание страницы, которое может быть показано в поиске. В примере выше также можете видеть, что там задается кодировка документа utf-8. Она достаточно распространенная.

Title

Это заголовок страницы, который отображается в верхней части браузера и может выводиться в результатах поисковой выдачи. Не путайте с заголовком h1. Он может отличаться от title.

Body

Он двойной. В теге хранится самое интересное – контент (тексты, изображения, видео). Его еще часто называют телом документа.

H1

Является одним из важных тегов в плане грамотного оформления и оптимизации текста для поиска. Это заголовок первого уровня. Всего их 6. Каждый соответствует своей цифре h1-h6. Можно сказать, что они формируют уровни вложенности. Я обычно использую только h1-h3. Мне вполне хватает для красивого и правильного с технической стороны оформления страниц.

P

Это тег абзаца – элемента для правильного оформления статей. Сразу скажу, что для удобства чтения их лучше делать небольшими. Хотите поточнее? Посмотрите на абзацы в этой публикации или других материалах на блоге. Примерно такой длины.

Пополняемый список

Хорошо, с основами разобрались. Теперь представляю пополняемый список html тегов с кратким описанием. С течением времени, думаю, он будет расти. Как часто? Зависит от моего свободного времени и приоритетных целей.

Однако, если не нашли в списке интересующего тега, то можете задать вопросы в комментариях. Я всегда готов пойти навстречу своим читателям.

Итак, начнем. Вот список:

  • noindex – текст, окруженный им, не рекомендован к индексации.
  • font – тег используется в качестве контейнера с атрибутами color, face, size для задания цвета, гарнитуры и размера шрифта.
  • link – применяется внутри контейнера head для установки связи с другими файлами, например, css.
  • table – включает в себя содержимое таблицы (двойной).
  • td – используется для создания ячейки таблицы (вертикальные столбцы).
  • tr – задает строку таблицы.

Статью завершаю. Скажите, вы планируете зарабатывать на сайте? Знаете, как его правильно продвигать? Уйма полезной информации содержится в моем курсе «Тайник вебмастера», о котором подробнее можете узнать вот здесь.

Также отмечу, что данный блог посвящен заработку в сети на сайте и без него. О хороших способах стать немного богаче можете узнать из прочих публикаций. Регулярно появляются новые.

Подписывайтесь на бесплатные обновления. Есть специальная форма подписки на электронную почту. Анонсы статей также регулярно добавляю в социальные группы и страницы. Найти их можно по ссылкам, представленных в специальном блоке в правой колонке сайта. До связи.

Хочу оценить статью:
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Рейтинг: 5
Голосов: 1

Добавить комментарий

Комментариев - 0