Невидимые теги HTML,HEAD и BODY

Категория: HTML. 7 комментариев. 12.05.2012.

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

Невидимые теги HTML,HEAD и BODY.

Каркас страницы на языке HTML 5.

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

<!DOCTYPE html>
<HTML>
<HEAD>
голова сайта
</HEAD>
<BODY>
тело сайта
</BODY>
</HTML>
Теперь давайте более подробно разберем код, который мы написали.

Тег  HTML 5  и <HTML>.

Самым первым тегом на странице мы поставили <!DOCTYPE html> и этот тег означает что наша страница написана на HTML 5 и браузеру нужно открывать страницу с учетом данных параметров.

Также сейчас очень популярна версия XHTML 1.0 которая является ответвлением от HTML 4.01, переходная версия до HTML 5. Про все различия этих языков я расскажу в следующих статьях а сейчас продолжим разбираться с кодом написанным нами.

Следующим идет парный тег <HTML></HTML>. Наверно у вас возник вопрос что такое парный тег? Парный тег это тег для которого указанно место где он начинается и заканчивается, благодаря этому вы можете положить в конструкцию определенный тег или текст и нему пременится данная функция. Открытие тега от закрытия отличается только знаком слеша перед началом команды. Я выделил данный тег красным цветом чтобы вы могли увидеть как команда расположена на странице.

Тег <HTML> должен охватывать все внутренние элементы с помощью которых задается оформление. Поэтому он ставится сразу же после того как мы сказали браузеру что наша страница написана на языке HTML 5 (после html 5 ) и закрывает его непосредственно после последнего тега.

Тег HEAD.

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

Невидимые теги HTML,HEAD и BODY.

Все функции, которые нужно добавлять в тег HEAD я расскажу в следующих статьях.

Тег BODY.

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

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

Я таких придурков ещё не видел!

С уважением, Василенко Александр

Похожие статьи:

7 в ответ на “Невидимые теги HTML,HEAD и BODY”:

  1. Татьяна
    http://lyubimzi.ru
    пишет:

    Если честно, то не совсем понятно! Про теги известно наверно всем, кто владеет своим сайтом и сам что-то делает на нем, а вот как конкретно что-то изменить для улучшения шаблона сайта? Это будет в следующей статье?

    • admin пишет:

      Да вы правы, в следующих статьях по HTML и CSS я расскажу как изменить внешний вид сайта.

  2. Владимир Фесюк
    http://love-family-divorce.name
    пишет:

    А мне статья очень понравилась: к ней можно поставить слоган «Просто о главном». Спасибо Александру. Хотелось бы увидеть продолжение, только, в таком же формате.

    А, пока, подпишусь!

  3. Александр Багров
    http://html-plus-css.ru
    пишет:

    1. А кто вам сказал, что теги html и body невидимые? Задайте для них фон цветом или изображением средствами CSS, и они станут видимыми.

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

    • admin пишет:

      1. HTML тег основная задача которого сказать браузеру что это страница на языке HTML и задавать через него фон можно но смысла в этом не вижу. С body таже ситуация, задать параметр можно но основная задача тега выделить тело страницы.

      2. Это правда, но уже давно никто не задает атрибуты стиля а только атрибуты для контейнеров DIV и SPAN.

      И спасибо вам за дополнения.

  4. Александр Багров
    http://html-plus-css.ru
    пишет:

    1. Мое мнение осталось неизменным. Конкретизирую его:

    Нельзя употреблять по отношению к тегам (независимо от их функционального назначения) эпитет «невидимые». В HTML все теги невидимые в том смысле, что соответствующие им дескрипторы не появляются на просторах веб-страницы. А, вот, тем, что появляется на экране при наличии определенных тегов (в том числе и других тегов семантического структурирования) в веб-коде, можно управлять с помощью CSS, а иногда и с помощью атрибутов самого тега.

    2. Не понял вашего ответа, но добавлю. Есть теги, например, a, img и др., которые без атрибутов не употребляются. И эти атрибуты (со значениями) добавляются только к открывающему тегу.

Ответить на Татьяна