Великий Путь Вебмастера от идеи до интернет бизнеса
Блог Романа Чуешова
Начни зарабатывать на создании сайтов, лендингов, мобильных приложениях и новейших интернет технологиях
Рубрика:Основы 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>

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

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

Поак-пока.

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


Прочитано: 16 раз
Этот блог уже читают
читай и ты!
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o: