html для «самых маленьких»

Недавно один из друзей у меня спросил где находится корень сайта и куда вставлять мета теги — я же решил написать немного об этом, так как уверен что такой вопрос задан не впервые и не многие будут объяснять новичкам что и куда, а сразу пошлют в гугл (хорошо если в гугл).

Структура страницы выглядит примерно таким образом:

<html> //Тип документа
<head> //Начало невидимой части
<title>заголовок документа</title> //рис 1
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> //кодировка сайта
<link rel="stylesheet" href="http://site.ru/style.css" type="text/css" media="screen" /> //ссылка на css стиль, если таковой присутствует
// а так же другие метатеги, подключение библиотек и java скриптов.
</head> //Конец невидимой части
<body> //Начало видимой части
тут находятся все ваши менюшки, шапки, фото и видео контент, естественно что и счётчики и всё остальное тоже тут.
</body> //Конец видимой части
</html>

Теперь словами:

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

и вы видите его заголовками сайтов в поисковых системах. Всё что находится рядом, но в пределах тегов <head> и </head> содержит мета информацию (для поисковиков и других ботов), а так же описание (Description) и ключевые слова, подключает библиотеки, скрипты (плагины), favicon и так далее.
Весь дизайн, текст, картинки, да и всё что вы видите на сайте находится между тегами <body> и </body>.

<html> и </html> — это формальные обязательные теги.

Корень сайта (корневой каталог) может подразумевать 2 вещи:

  1. Корневой каталог именно сайта (http://site.ru/) — то есть http://site.ru/example/ уже не будет корнем сайта.
  2. Корневой каталог файловой системы — тут имеется ввиду сами папки и файлы на хостинге. Корневой каталог сайта находится там где лежит ваш главный index.php и wp-config.php — увидели их — вы в корне сайта.

Ну а пока предлагаю посмотреть канал нтв онлайн — после 9 мая очень много интересного стали показывать (особенно в новостях).

2 thoughts on “html для «самых маленьких»

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

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