Что такое теги и зачем они нужны?

Рубрика: Вопрос/Ответ
что такое теги и зачем они нужны на сайте
Автор:
Дата:

Доброго времени суток, друзья.

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

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

Кстати, внизу есть интересное видео, где ребята проверяют — можно ли с помощью стрелкового оружия «разнести» навесной замок, как в фильмах. Рекомендую посмотреть, после прочтения статьи!

Со всеми, кто считает теги «мутью какой-то» могу согласиться лишь частично: да, они не очень запоминаемы для новичка, не совсем понятно их предназначение. Но это все – проходящее. Когда вы хоть немного разберетесь в вопросе, что такое теги и научитесь ими пользоваться, понимать эту символику и форматировать с ее помощью контент вы будете почти автоматически.

Вообще-то, я не очень люблю подобные темы, однако и в них стараюсь разобраться. Мне больше по душе темы типа: «заработок в интернете без вложений» или о продвижении блога.

И это все – они…

Традиционно предлагаю начать с объяснения термина. Тег – это разметка, с помощью которой браузер понимает, как именно отображать определенный элемент контента во время его загрузки с сервера. Хм… мудрено сказал…

Визуально теги выглядят как обычные треугольные скобки: < и  >, между которыми вебмастер размещает текст, создавая сайт в блокноте и программируя браузер на то, чтобы  одну часть текста тот открывал в цвете, другую показывал с определенным шрифтом, третью – в рамочке.

Читайте также:  Что такое Сбербанк онлайн в России — вся информация

Любой из тегов – это элемент Html- языка, необходимого при сайтостроении.

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

И в этом деле – главное не запутаться, поскольку понятие тегов многогранно и имеет несколько значений.

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

Но изучать их все сегодня не будем – нам интересны только теги на сайтах для навигации и НTML-теги.

Насколько эффективна навигация при помощи тегов

Поле с пометкой «теги» и набором слов – это самая первая «встреча» пользователя с разметкой сайта, не очень для него понятная.

первая встреча с тегами на сайте

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

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

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

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

Читайте также:  Что такое киви кошелек?

НТМL - ликбез: изучим несколько распространенных меток

Чуть выше я уверял вас в том, что НТМL — разметка – это ничего сложного, символы и порядок их применения вы сможете освоить в течение нескольких занятий… Готовы приступить сейчас? Тем более, сто символов осталось не так много, после того, как на помощь html пришли стили CSS (о них мы поговори в другой раз).

Начнем с элементарного – создания абзаца. Для этого вам необходимо использовать открывающий и закрывающий тег Р. Вот как это выглядит:

<p>Здесь размещен ваш конгениальный текст</p>

Заметьте отличие между открывающим и закрывающим html- тегами: наличием прямого слеша после скобки.

Посмотрите еще раз в графическом изображении:

пример тега <p>

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

Но для того, чтобы найти общий язык с браузером, мало использовать значки, расположенные на клавиатуре – их просто не хватит для создания меток. Советую воспользоваться простейшим способом получения кода html-мнемоник (профессиональное название символов) из редактора Microsoft Word.

Инструкция пошагово:

  1. Создайте в Ворде новый документ.
  2. В верхнем меню выберите «Вставка» — «Символ».
  3. В появившемся окне выберите подходящий шрифт.

выбираем шрифты для получения кода

  1. В созданный новый документ добавьте все необходимые вам спецсимволы.
  2. Сохраните документ как вебстраницу.
  3. При необходимости открывайте ее в любом Нtml-редакторе и получите все цифровые коды выбранных мнемоник.

цифровые коды для тегов мнемоник

Чтобы вставить картинку в НТМL, необходим только открывающий тег IMG. Выглядит так:

<img src="http://фото на сайте /image/veb.png" />

Ну вот. Теперь я спокоен: даже с этими минимальными знаниями вы сможете создавать симпатичные сайты. Плюс еще практика сделает свое дело – и вы освоите теги очень быстро.

Читайте также:  Как накрутить голоса ВКонтакте в нынешнее время

Не забывайте между делом заглядывать и на мой сайт – создавая его, я и для вас старался в «неравной борьбе» с тегами.

До новых интересных встреч.

С Уважением, Максим

На мою рассылку подписались 9000 человек! Скорей подпишись и получи от меня подарок.

Комментариев к статье: 5

  • Галина

    Добрый день! Вот тоже задаюсь этим вопросом. А если печатать страницы сайта обычными текстами- разве это не проще ? Или не получится так?В чем будет разница?

    14.08.2016 в 22:48 Ответить
    • Максим Бойко

      Здравствуйте, Галина! Можно печатать и обычным образом, но иногда приходится лезть и кое-что поправлять. Например, когда выкладываю видео из ютуба.

      16.08.2016 в 03:19 Ответить
    • Руслан

      Я думаю, Галина хотела спросить другое, если обычный печатный текст разместить без тегов. Тогда не будет красных строк, абзацев и других разметок текста.

      04.10.2016 в 04:04 Ответить
  • Руслан

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

    У тегов есть аттрибуты, как в вашем примере у тега img аттрибут src. Тег один, а аттрибутов может быть много. Сначала часто путают тег с его атрибутом.

    Чтобы вставить картинку в НТМL, нужно указать путь, это понятно. Но путь должен быть прописан только на английском языке, русские символы недопустимы. Это на случай если фото хранятся в папке с русским названием.

    04.10.2016 в 04:02 Ответить
    • Максим Бойко

      Спасибо за дополнения, Руслан!)

      10.11.2016 в 11:35 Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *