Комментарии
Комментарии в HTML, как и в других языках программирования или разметки, позволяют предоставлять другим разработчикам информацию о специфике разработки, не затрагивая пользовательский интерфейс. Однако, в отличие от других языков, HTML-комментарии могут использоваться для указания HTML-элементов (только для Internet Explorer). В этом разделе объясняется, как писать комментарии HTML.
Создание комментария
HTML-комментарии могут использоваться для пояснительных заметок . Они должны начинаться с , следующим образом:
Они могут быть внутри другого элемента:
Эта часть будет отображаться .
Комментарии могут занимать несколько строк:
Но комментарии не могут быть в другом теге HTML, например:
Это приводит к недопустимому коду HTML, поскольку весь блок будет считаться одним начальным тегом h1 с некоторой не верной информацией, за которой следует единственная закрывающаяся скобка > , которая ничего не делает.
Для совместимости с инструментами, которые парсят HTML как XML или SGML, содержимое вашего комментария не должно содержать два тире подряд — .
Комментирование пробелов между строчными элементами
Строчные элементы такие как span или a часто содержат символы пробела до и после их в документе. Чтобы избежать очень длинных строк в разметке (которые трудно читать) и непреднамеренных пробельных символов (что влияет на форматирование), пробельные символы могут быть закомментированы.
Попробуйте этот код без комментария между строчными элементами, и между ними будет один пробел. Например:
Надеюсь, после этого не будет лишних пробелов!
Надеюсь, после этого не будет лишних пробелов!
HTML, как добавить комментарий
Чтобы добавить комментарий в HTML документ, используют специальный тег .
Комментарии — это текст, который будет виден твоим коллегам, но не будет виден пользователям, загрузившим веб-страницу.
Или ты просто хочешь оставить себе напоминание, о том, что должно быть сделано.
Причин для таких сообщений довольно много, но все эти сообщения объединяет то, что они не должны отображаться на странице, а видны только в редакторе кода, который ты используешь.
Для комментариев не нужны специальные теги, но их нужно как-то обозначить чтобы было понятно, где начало комментария и где его окончание.
HTML комментарий из одной строки
Простейший комментарий состоит из одной строки. Текст нужно разместить между последовательностью символов :
h1>А это - заголовок. Он будет отображаться на странице.h1> Обрати внимание, что восклицательный знак ставится только в начале, но не в конце тега.
HTML комментарий из нескольких строк
Если тебе нужно добавить длинный комментарий, который состоит из нескольких строк, это тоже можно сделать в HTML.
Многострочный комментарий. В нем поместится очень много информации. Может даже целая книга. --> Если внутри комментария будут расположены какие-то HTML теги, то их на странице видно не будет.
Закомментированный заголовок
Этот абзац тоже не будет виден
--> Ошибки
Ошибки в HTML комментариях чаще всего связаны с лишним пробелом или пропущенным восклицательным знаком:
!-- Неправильный комментарий #1 --> -- Неправильный комментарий #2 --> Оба комментария написаны неправильно и будут отображаться на HTML странице.
Как комментировать в HTML
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 12 человек(а).
Количество просмотров этой статьи: 51 593.
Комментирование кода не только позволит вам самому понять, что же вы тут наворотили, но и другим существенно облегчит работу с вашим кодом. Кроме того, с помощью комментирования можно быстро отключать те части кода, которые вы еще не закончили, но уже добавили на страницу, что полезно при тестировании. Научитесь правильно комментировать, сделайте жизнь проще себе и окружающим!
Однострочный комментарий. Такие комментарии оформляются тегами . Такие комментарии можно быстро без особых сложностей, чтобы напоминать себе, что делает тот или иной фрагмент кода.
html> head> title>Заголовокtitle> head> body> p>Сайтp> body> html> 
Многострочный комментарий. Такие, как понятно из названия, захватывают уже несколько строк, что полезно для объяснения сложных участков или блокирования курпных частей кода.
html> head> title>Заголовокtitle> head> body> Длинный комментарий. Все, что между тегами, будет обработано браузером как комментарий. --> p>Сайтp> body> html> 
Используйте комментарии для отключения фрагментов кода. Пытаясь поймать хитрый баг (ошибку), можно использовать комментарии для последовательного перебора кода. Так вам будет куда проще вернуть все обратно — для этого нужно будет лишь удалить код комментария.
html> head> title>Заголовокtitle> head> body> p>Проверка изображенийp> img src="/images/image1.jpg"> 
--> body> html> 
Используйте комментарии для предотвращения запуска скриптов в не поддерживающих их браузерах. Если вы пишете на JavaScript или VBScript, то можете с помощью комментариев прятать скрипты от браузеров, которые их все равно не поддерживают. Вставьте тег комментария в начало скрипта, закончите все//—>, чтобы скрипт все же запустился — но лишь в тех браузерах, которые смогут это сделать.
html> head> title>VBScripttitle> head> body> script language="vbscript" type="text/vbscript"> document.write("Hello World!") //--> script> body> html> HTML тег (комментарии)
Комментарии в html задаются с помощью конструкции . Визуально на странице они никак не отображаются.
html-теги Комментарий --> html-теги
Комментарий в html можно растянуть на несколько строк
html-теги Комментарий. Строка 1 Комментарий. Строка 2 Комментарий. Строка 3 --> html-теги
Комментарий будет продолжаться до тех пор, пока не встретится первая закрывающаяся конструкция —> . Вложенный комментарий не поддерживается.
Комментарии можно писать прямо внутри тегов:
div комментарий--> class css">shapka">
Практическая польза комментариев html
Комментарии в html позволяют значительно улучшить читаемость кода в дальнейшем. Да и просто удобнее понимать какой тег где закрывается, особенно, если много вложенных друг в друга тегов.
html> head> title>Название страницыtitle> . head> body> . div class css">shapka">Открытие блока shapka--> . div>/shapka--> . Дальше идет основная часть сайта--> div class css">page">Старт блока page--> div class css">sidebar_left">Левый sidebar--> . div>/sidebar--> div class css">content">Начало content--> Основная часть сайта div>/content--> Подвал сайта--> div class css">footer"> . div> . div>/page--> body> html>
Комментарии в CSS
Напоследок скажем, как написать комментарий в CSS. Есть два варианта.
- Через два слэша // и после до конца строки будет все закомментировано.
- Через конструкцию /* */ , которая является многострочной. Не допускает вложенных комментариев.
style> .align< border: 1px solid #aaa; // Первый вариант через два слэша background: #FFDEAD; /* Второй вариант */ padding: 3px; text-align: left; /* Допускаются многострочные комментарии Строка 2 Строка 3 */ >