Могут ли комментарии в HTML и CSS создавать проблемы с рендерингом?

Question

Возможно ли, чтобы комментарии HTML и / или CSS вызывали проблемы с отображением?

Комментарий HTML: <!-- some info -->

CSS: /* some info */

Answer 1

Комментарии, которые вы показали, не вызовут никаких проблем с отображением, но если вы это сделаете:

<!-- My comment ---------- -->

Вы можете столкнуться с проблемами в Firefox. Это связано с тем, что две черты указывают на конец комментария, а> - маркер конца комментария. Технически это действительно так:

<!-- My -- comment >

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

Подробнее можно найти здесь:

http://weblog.200ok.com.au/2008/01/dashing-into-trouble-why-html-comments.html

Answer 2

Вовсе нет, проблема может возникнуть, только если вы добавили дополнительные открывающие или закрывающие буквы или даже иногда пропускали (в этом случае они не рассматриваются браузером как комментарии), например:

<!-- some info -->>       // extra >
<!- some info -->         // missing - from begining
<!-- some info --         // missing >

То жеверно для комментариев CSS.

Answer 3

В редких случаях я видел некоторые проблемы с ореолом текста в ie6 из-за некоторых комментариев, но я не думаю, что комментарии (css или html) вызовут проблемы, особенно в современных браузерах.

Answer 4

У меня была эта проблема только сейчас: веб-страница исчезла при просмотре на Kindle Fire (Safari).Когда я вынул комментарий, страница вернулась.Я проверял это три раза.Ничего другого не изменилось, и в теге комментариев ничего не пропало, насколько я знаю.(Я только что проверил это; не уверен, как разместить здесь код, но он соответствует приведенному выше примеру.)

О, и я не думаю, что это может быть «слишком много контента», как теоретизировал Джоди- Я разделил свой сайт до ничего, кроме навигационной панели и двух div, потому что я пытался выяснить, почему он продолжал исчезать.

Answer 5

На самом деле мы просто столкнулись с таким случаем, и я все еще ищу хорошее объяснение.

Проблема, на самом деле, заключалась в пресловутой ошибке IE6 drop float (вызванной слишком большим содержимым в плавающем div фиксированной ширины). Прежде чем я посмотрел, дизайнер был убежден, что проблема заключалась в комментариях («но это работает, когда я их удаляю!»). И она просто может быть права; Я подозреваю, что комментарии HTML заняли дополнительное место, содержимое стало слишком большим, и в результате IE6 задохнулся. Хотя я все еще не могу найти ничего твердого, чтобы поддержать мою теорию:)

Answer 6

Я не помню, почему, но да, я видел, что это вызывает проблему в одном сценарии. В IE, конечно. Это был комментарий HTML.

Answer 7

Никогда такого не было.Если у вас возникли проблемы, вы всегда можете проверить свои HTML и CSS .