Доброго времени суток, мои верные подписчики, любители 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> |
Как видно их приведенного выше кода, все очень легко и просто! Не забываем просматривать свои результаты в браузере. )
Если вам была интересна данная статья или помогла с обучением (или все вместе), то подписывайтесь на мои обновления. А также не жадничайте ссылкой и делитесь ею с друзьями. Не забывайте: делать поясняющие комментарии в своих программах – это признак хорошего тона. Удачи!
Поак-пока.
С уважегтем, Роман Чуешов
Спасибо. :- ( Я уже до того загнался, что не понял, о чём речь. Ищу с утра скрипт комментов, мозги уже кипят, и тут смотрю и не пойму. Потом уж въехал про какие комменты пост. Ну ладно, зато малость отвлёкся. Клик с меня.