Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером,
даже если вы впервые слышите это слово



Что такое комментарии в коде html и как их ставить?

Доброго всем времени суток, мои дорогие друзья. Я очень рад вас видеть на страницах моего блога, и я надеюсь вам также интересно здесь присутствовать. По крайней мере я стараюсь, чтобы это было именно так. И сегодня у меня для вас простенькая тема по сайтостроению, применение которой никак не повлияет на сам сайт, но зато сможет облегчить вам и другим пользователям «ковыряние в коде».

Речь сегодня пойдет про html комментарии в коде. Эта вещь очень классная. И хоть она и не обязательная, я всё равно призываю вас этими штуками пользоваться. Ни для кого не секрет, что дизайн и верстку для своего блога я заказывал у отдельных людей: Юли и Андрея.

Так вот, иногда я хочу что-либо подправить в коде, и чтобы лишний раз не дергать верстальщика по пустякам, я сам иду в редактор и правлю код сам (ежели это в моих силах). И комментарии, которые оставил Андрей в коде, значительно облегчают данный процесс. Кроме того комментарии помогают, если вы сделали свою работу и ушли. Тогда другой человек сможет быстрее разобраться в вашем коде.

Ну а теперь давайте на живом примере посмотрим, как их делать:

  1. Давайте зайдем в любой html-документ, где у нас есть какое-либо содержимое.
  2. Теперь перед любой записью поставьте <!-- и напишите после него сам комментарий, например «Заголовок».
  3. После этого поставьте закрывающий тег комментариев -->, иначе все содержимое страницы станет одним большим комментарием)).

На деле это выглядит так:

Ну а теперь, если мы сохраним документ и откроем его в браузере, то что мы увидим? А ничего мы не увидим. Вернее не увидим мы никаких изменений, так как всё, что находится внутри <!-- --> автоматически становится невидимым для браузера.

И кстати сейчас я вам расскажу про очень актуальное использование этих тегов на своем же примере. Когда верстальщик сделал мне сайт, то в правом сайдбаре по условиям дизайна были расположены два баннера, точнее специальные места для них. Я пока не собираюсь ставить никакие баннеры, поэтому решил убрать их на время, чтобы глаза не мозолили.

Удалять их из кода я естественно не собирался, но как же их тогда убрать? Можно конечно скопировать данный код или скрипт в отдельный документ, а с сайта всё убрать. Но есть способ лучше. Я просто загнал все эти коды в комментарии.

Таким образом я ничего не удалил, а просто на время скрыл. Как раз недавно я сделал баннер для своего конкурса на блоге. И вот я зашел в код, поставил баннер, прописал путь в коде и убрал теги комментариев. Как видите, все прекрасно работает.

В общем суть вы поняли, я надеюсь. Если что-то надо скрыть не удаляя, то лучше всего заключить всё в комментарии.

Ну а на этом я свою сегодняшнюю статью заканчиваю. Как вам? Была ли информация полезной? Если да, то обязательно подпишитесь на обновления статей моего блога. Также для полного изучения верстки сайтов на HTML и CSS я рекомендую вам посмотреть отличный курс по этой теме. Курс — просто бомба, и рассказано всё великолепно, буквально разжевано.

Ну а с вами я на сегодня прощаюсь. Обязательно заходите еще на мой блог, чтобы не пропустить интересную для вас информацию. Ну а вам я желаю успехов во всех ваших начинаниях. Увидимся в других моих статьях. Пока-пока!

С уважением, Дмитрий Костин.

 

 

Этот блог читают уже более 3500 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 3
  • Полезная информация. Взял на заметку.

    Дмитрий
    21 июня 2016 в 13:09
  • Дмитрий, забежала на минутку. Очень интересная и подробная статья. Попозже разберусь на своем блоге. Спасибо за интересную подачу материала. Поздравляю Вас с ТИЦ 20! Я рада за Вас и соответственно делаю выводы для себя. Разбираюсь дальше, чем дальше, тем больше многое становится понятным.

    Надежда
    21 июня 2016 в 22:13
  • Да в html — свой «скобочки», не так как у всех...

    Alejandro
    22 июня 2016 в 11:46
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2016 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово