html: что такое и как с ним бороться

А вы знаете, что есть язык, на котором не говорят, но пишут? —  Знаете? — Здорово! Нет? — Представляю: это html!

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

Если использовать серьезные термины, то html — это язык, при помощи которого программисты пишут для нас сайты, а браузер, считывая эту «писанину» показывает нам всякие красивости. Для наглядности пример прямо из этого сайта: визуальное окошко ВК и то, что должен был написать программист, чтобы оно отобразилось в таком виде.

Что такое html и как с ним бороться
К счастью, прошли те времена, когда для того, чтобы иметь сайт нужно было знать язык программирования. Все давно написано для нас и за нас — пользуйтесь себе на здоровье! Но, тем не менее, кое-что из html знать стоит.

1. Зачем и что нужно знать из html

«Зачем» — причин две:

  1. чтобы правильно оформлять тексты на сайте
  2. чтобы уметь слегка подправлять коды и тем самым адаптировать их под свой дизайн.

«Что» — основные понятия и правила html (теги, правила написания тегов, параметры тегов)

2. Немного терминов и правил:

  • Для написания в html используются английские буквы.
  • Сочетание букв и знаков называется тегами. Теги — это своего рода слова из которых и составляется текст (код)
  • Теги пишутся между знаками <  и />, где первый значок открывает тег, а второй закрывает. <Тег/>
  • «Параметры тегов» — это уточнение для тега. Так параметр(атрибут) тега может обозначать, например, размер, толщину, цвет, наклон и тому подобное.

3. Текстовые теги H1, Н2, Н3…

В статье «Как писать статьи для сайта» был разговор о том, что подзаголовки нужно выделять при помощи  H1,  Н2, Н3 и т.д.

Теги  H1 и Н2 (правильно  будет <H1/> и <H2/>), — это текстовые теги в которых «H»(аш) — это обозначение текста, а «1» и «2» уточняют параметры этого текста (размер, цвет, толщина, наклон букв)

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

Что такое html и как с ним бороться

В этой абракадабре указано, что «h1, h2, h3, h4, h5, h6» — пишутся нормально (т.е без наклонов и не жирным шрифтом), используются для разного типа контента(содержания) и имеют такие-то размеры(font-size)

4. Как правильно использовать теги H1, Н2, Н3… для написания статей на сайте

Текстовые теги «Н» несут в двойную нагрузку:

  1. они выделяют текст визуально для посетителей,
  2. технически — для поисковых роботов браузера.

Человеку, через визуальное выделение (написание или цвет текста), тег <Н> говорит: обрати внимание, это важно!

html: что такое и как с ним бороться

Поисковому роботу эта же информация сообщается самим наличием тега в html-коде статьи текста.

html: что такое и как с ним бороться

ВАЖНО!  Н1 использовать на странице можно только однажды (это, как правило заголовок текста), поэтому в самом тексте этот тег мы уже не используем

H2, Н3, Н4 и т.д., используйте по своему усмотрению, при этом ПОМНИТЕ, что имеет больший приоритет значимости, ниже идет, еще ниже и дальше по уменьшению.

Поэтому важные подпункты с ключевыми словами текста выделяйте <H2>, следующие по значимости, соответственно, <H3>, потом следующие <H>

5. Как использовать html при добавлении картинок в сайдбаре

Если у вас есть вопросы по теме, с радостью отвечу на них в комментариях!

Ну и конечно, если было интересно/полезно поделитесь в своих соцсетях, а вдруг еще кому-то пригодится!))

Ярослава Боровикова

Ярослава Боровикова

Моя задача - показать Вам, что пространство Интернета может быть дружелюбным и несложным! И что у Вас тут все получится!)) Я знаю, ВАМ ЭТО ПО СИЛАМ - нужно просто НАЧАТЬ!
Ярослава Боровикова
Важное дополнение:
comments powered by HyperComments

Об авторе Ярослава Боровикова

Моя задача — показать Вам, что пространство Интернета может быть дружелюбным и несложным! И что у Вас тут все получится!)) Я знаю, ВАМ ЭТО ПО СИЛАМ — нужно просто НАЧАТЬ!

Закладка Постоянная ссылка.