• ↓
  • ↑
  • ⇑
 
21:40 

Мета-теги в HTML

Всем читателям моего дневника: "Привет!" Со времени моего первого поста прошел всего один день, но так как комментариев к нему нет, я решил сразу перейти ко второму.


Мета теги в HTML

Из предыдущего урока вы узнали какую структуру имеет HTML документ, и из предложенного мною примера вы наверное заметили, что в контейнер:

было вложено следующее:

А теперь постараемся с вами разобраться что же это такое.
На самом деле ничего сложного здесь нет это, так называемый, мета тег. Мета теги предоставляют в основном браузерам и поисковикам информацию о документе HTML. Правильно составленные мета теги помогают поисковым машинам лучше понять информацию о вашей страничке и правильнее ее проиндексировать, а браузерам - правильно отобразить вашу HTML-страничку.
Скажу вам сразу можно обойтись и одним мета тегом, но лучше этого не делать. Лично я, использую минимум 3 мета тега. Сейчас мы их разберём по порядку.

Этот мета тег указывает тип и кодировку документа HTML. content="text/html - указывает, что этот документ будет содержать текстовую информацию, оформленную на HTML. charset=utf-8" - указывает кодировку документа. Данный мета тег позволяет разным браузерам отображать документ максимально корректно. Этот мета тег по праву можно считать наиболее важным тегом описания документа.

Этот мета тег предоставляет краткое описание страницы сайта, используемое поисковиками для составления так называемого "сниппета" (краткого описания страницы, расположенного под заголовком сайта).

В этот мета тег мы вводим ключевые слова, находящиеся на странице сайта. Правда на сегодняшний день многие пренебрегают данным мета тегом, так как он мало что даёт при оптимизации страницы сайта. Об оптимизации Description и Keywords я уже писал в разделе раскрутки и оптимизации сайта. Остальные мета теги не особо влияют на развитие сайта. Можно также указать и авторские права и самого автора сайта при помощи других мета тегов, но они совсем не обязательны. Также существует возможность блокировки страницы от индексации поисковиками. Но я думаю для создания сайта вам будет достаточно знать эти три мета тега.

Материалы статьи взяты с моего сайта: Самостоятельное создание и оптимизация сайта




P/s: у кого есть какие вопросы не стесняйтесь, задавайте. По возможности отвечу всем.


22:38 

Первая запись

Вот я наконец-то решился сделать свой дневник. Надеюсь новичкам будет интересно почитать. Так как дневник называется "HTML и CSS для чайников", то здесь я буду выкладывать интересные статьи (свои и не только), которые можно будет копировать и распространять лишь с указанием ссылки на первоисточник. И так, начнем! Первой темой или уроком, кому как нравится, будет структура HTML
Структура HTML документа

В этой статье мы перейдем непосредственно к изучению кода языка гипертекста и познакомимся со структурой документа HTML. Почти любой файл (документ) html имеет следующую структуру:

Я сказал почти любой т.к. в html5 структура документа может отличаться.
Теперь постараемся разобраться с этой структурой. Она состоит из контейнеров, в каждый из которых вносится определенный код. Самый большой контейнер вмещает в себя весь документ HTML. Никогда не пишите код за этим контейнером, иначе можете нарваться на неприятности. Единственное не забывайте указывать доктайп перед этим контейнером. Бывало встречал сайты без него. В следующем контейнере располагаются служебные команды, которые не выводятся на экран, но дают браузерам и поисковикам информацию о файле, которая помогает правильно отображать и индексировать сайт. И последний контейнер . В нём как раз и располагается вся информация, которую может видеть пользователь.
А теперь когда вы познакомились со структурой документа HTML, предлагаю вам создать первую страничку возможно вашего будущего сайта. Для этого нам подойдет простой блокнот от Windows. Он находится в панели "Пуск" в следующей директории Пуск=>Программы=>Стандартные=>Блокнот. Открывайте его внесите в него следующий код:

После этого сохраните документ с разрешением *.html, пускай, предположим, он будет называться index.html. Далее открываем этот файл любым браузером, для этого нажимаете открыть с помощью ... Вот в принципе и все, вы создали первую страничку. Но кроме двух строчек на ней больше ничего нет, а для того чтобы там что-то появилось, надо внести код элементы, теги и т.д в контейнер.
Материалы статьи взяты с моего сайта: Самостоятельное создание и оптимизация сайта

HTML и CSS для чайников

главная