Как сделать комментарий к html коду

Как сделать комментарий к html коду
Как сделать комментарий к html коду
Как сделать комментарий к html коду

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

Я расскажу вам, какие теги принято использовать для пометок и подсказок в html-тексте и как обычно приведу конкретный пример небольшой программки, которую вам желательно протестировать самостоятельно.

Сейчас я хочу описать одну типичную ситуацию, которая наверняка случалась с каждым из вас. Очень часто случается такое, что пишешь код, придумываешь новые решения каких-то задач и сохраняешь проделанную работу с довольной лыбой на лице. А через какой-то отрезок времени не можешь вспомнить почему так написано, что решается в этом куске кода и вообще зачем!?

Именно в таких ситуациях и нужны комментарии.

Код, код, код…О! Комментарий!

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

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

Для того чтобы сделать пометку в виде комментария, разработчиками языка разметки был предусмотрен тег, который выглядит вот так: <!-- -->. Этот странный на вид элемент добавляет подсказку в код программы. Хочу заметить, что на сайте ваши комментарии отображаться не будут. Они предназначены персонально для девелоперов.


Данный тег обладает своими особенностями:

  • Его нельзя использовать в тегах <style> (css имеет свой вид комментария: / /) и <title>;
  • Набор знаков «--» всегда считается частью тега и поэтому их наличие в тексте пометки вызовет ошибку;
  • Повторюсь, что подсказки не видны на страницах сайта;
  • Внутрь элемента <!-- --> можно вписывать другие единицы языка;
  • Запрещено создавать вложенные комментарии.
А вот и пример!

Теперь давайте рассмотрим простой пример. В нем я использую популярные элементы языка html, в том числе и описываемый <!-- -->.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html> <head> <title>Пример использования комментариев</title> <meta charset="utf-8"> </head> <body> <!-- Название рецепта --> <h3 >Приготовление вкусной запеченной курочки в сливочном соусе</h3> <!-- Перечисление ингредиентов --> <ol> <li>Куриное филе</li> <li>Сливки</li> <li>Чеснок</li> <li>Пряности</li> </ol> </body> </html>

<!DOCTYPE html> <html> <head> <title>Пример использования комментариев</title> <meta charset="utf-8"> </head> <body> <!-- Название рецепта --> <h3 >Приготовление вкусной запеченной курочки в сливочном соусе</h3> <!-- Перечисление ингредиентов --> <ol> <li>Куриное филе</li> <li>Сливки</li> <li>Чеснок</li> <li>Пряности</li> </ol> </body> </html>

Как видно их приведенного выше кода, все очень легко и просто! Не забываем просматривать свои результаты в браузере. )

Если вам была интересна данная статья или помогла с обучением (или все вместе), то подписывайтесь на мои обновления. А также не жадничайте ссылкой и делитесь ею с друзьями. Не забывайте: делать поясняющие комментарии в своих программах – это признак хорошего тона. Удачи!

Поак-пока.

С уважегтем, Роман Чуешов


Прочитано: 25 раз

Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду Как сделать комментарий к html коду

Тоже читают:



Как сделать так чтобы железная ванна не гремела

Вязание и ткань комбинирование пальто

Красивые короткие поздравления с днем рождения любовнику

Жучки для слежки за человеком своими руками

Электропривод для дивана своими руками