Комментарии в коде нужны, чтобы легче было ориентироваться разработчику, оставляя свои заметки о том, какую задачу решает тот или иной фрагмент. На разных языках программирования они реализуются по разному. Их нельзя путать, иначе не выполнится скрипт, проигнорируются стили, на веб-странице проявится ненужный текст.
<!-- комментарии HTML -->
/* комментарии CSS, JavaScript, PHP */
// однострочные комментарии JavaScript, PHP
В качестве примера возьмём скрипт из предыдущей статьи:
<style>
#div {position: relative; padding-bottom: 25px;}
#div:before { /* текст после формы создания иконки другого ресурса */
content: "Пример, twitter.com";
position: absolute;
color: rgb(109, 109, 109);
font-size: 80%;
bottom: 0px;
}
</style>
<!-- форма для получения картинки фавикона другого сайта -->
<div id="div">
<img src="http://favicon.yandex.net/favicon/twitter.com" id="boldStuff2" alt="twitter.com">
<input id="userInput" placeholder="введите домен" type="text">
<input onclick="changeText2()" value="применить" type="button">
</div>
<!-- конец формы для получения картинки фавикона другого сайта -->
<script>
function changeText2(){
var userInput = "http://favicon.yandex.net/favicon/" + document.getElementById('userInput').value; // заменить часть src
document.getElementById('boldStuff2').alt = document.getElementById('userInput').value; /* заменить alt */
document.getElementById('boldStuff2').src = userInput;
}
</script>
Следует помнить, что объёмный HTML замедляет загрузку страницы, поэтому комментариями в коде не стоит злоупотреблять.
12 комментариев:
Хотя именно про этот конвертер я не знала, спасибо за дополнение.