Здравствуйте дорогие читатели моего блога где я пытаюсь доступно и просто рассказать о том как создать сайт каждому человеку без траты на это существенных денежных средств. Сегодня я начинаю новую рубрику на своем сайте в которой я расскажу про язык разметки гипертекста HTML и своих статьях я буду рассматривать язык по новейшему стандарту HTML 5 которые сейчас уже вступили в силу и теперь у каждого вебмастера появилась возможность существенно расширить свои возможности.
Каждая страница имеет целый ряд параметров и служебных тегов которые не видны для пользователя а предназначены исключительно для браузера. К таким тегам относятся теги HTML,HEAD и BODY которые отвечают за разметку и узнаваемость страницы браузерами. Вот пример кода для любого сайта, это каркас с которого начинается любая страница.
Самым первым тегом на странице мы поставили <!DOCTYPE html> и этот тег означает что наша страница написана на HTML 5 и браузеру нужно открывать страницу с учетом данных параметров.
Также сейчас очень популярна версия XHTML 1.0 которая является ответвлением от HTML 4.01, переходная версия до HTML 5. Про все различия этих языков я расскажу в следующих статьях а сейчас продолжим разбираться с кодом написанным нами.
Следующим идет парный тег <HTML></HTML>. Наверно у вас возник вопрос что такое парный тег? Парный тег это тег для которого указанно место где он начинается и заканчивается, благодаря этому вы можете положить в конструкцию определенный тег или текст и нему пременится данная функция. Открытие тега от закрытия отличается только знаком слеша перед началом команды. Я выделил данный тег красным цветом чтобы вы могли увидеть как команда расположена на странице.
Тег <HTML> должен охватывать все внутренние элементы с помощью которых задается оформление. Поэтому он ставится сразу же после того как мы сказали браузеру что наша страница написана на языке HTML 5 (после html 5 ) и закрывает его непосредственно после последнего тега.
Тег HEAD отвечает за вывод важной информации такой как кодировку страницы, заголовок а также подгрузка некоторых функций таких как картинки фавикона. Фавикон выводится в поисковых системах сразу возле результата поиска. Вот как это выглядит.
Все функции, которые нужно добавлять в тег HEAD я расскажу в следующих статьях.
BODY это тег, который отделяет основное содержимое сайта от служебной информации. Благодаря этому вам будет намного проще разобраться в коде а также ваш сайт будет правильно отображаться в самых популярных браузерах. В дальнейшем в тег BODY мы будем размещать все теги для формирования правильного внешнего вида вашего сайта и вам будет понятно основную роль данного тега.
На этом я заканчиваю эту более похожую на вводную статью и надеюсь вы теперь надеюсь поняли зачем нам нужны невидимые теги HTML,HEAD и BODY и вы сможете при необходимости их правильно использовать.
Я таких придурков ещё не видел!
С уважением, Василенко Александр
Если честно, то не совсем понятно! Про теги известно наверно всем, кто владеет своим сайтом и сам что-то делает на нем, а вот как конкретно что-то изменить для улучшения шаблона сайта? Это будет в следующей статье?
Да вы правы, в следующих статьях по HTML и CSS я расскажу как изменить внешний вид сайта.
А мне статья очень понравилась: к ней можно поставить слоган «Просто о главном». Спасибо Александру. Хотелось бы увидеть продолжение, только, в таком же формате.
А, пока, подпишусь!
Спасибо, буду стараться.
1. А кто вам сказал, что теги html и body невидимые? Задайте для них фон цветом или изображением средствами CSS, и они станут видимыми.
2. Открывающий тег отличается от закрывающего не только проставлением слэша в последнем, но еще и тем, что за открывающим тегом может следовать список атрибутов со значениями, уточняющим действие тега. А для закрывающего тега такое не допускается
1. HTML тег основная задача которого сказать браузеру что это страница на языке HTML и задавать через него фон можно но смысла в этом не вижу. С body таже ситуация, задать параметр можно но основная задача тега выделить тело страницы.
2. Это правда, но уже давно никто не задает атрибуты стиля а только атрибуты для контейнеров DIV и SPAN.
И спасибо вам за дополнения.
1. Мое мнение осталось неизменным. Конкретизирую его:
Нельзя употреблять по отношению к тегам (независимо от их функционального назначения) эпитет «невидимые». В HTML все теги невидимые в том смысле, что соответствующие им дескрипторы не появляются на просторах веб-страницы. А, вот, тем, что появляется на экране при наличии определенных тегов (в том числе и других тегов семантического структурирования) в веб-коде, можно управлять с помощью CSS, а иногда и с помощью атрибутов самого тега.
2. Не понял вашего ответа, но добавлю. Есть теги, например, a, img и др., которые без атрибутов не употребляются. И эти атрибуты (со значениями) добавляются только к открывающему тегу.