UTF-8 и UTF-8 with BOM - это два варианта кодировки UTF-8, которые имеют определенные различия.

UTF-8 (без BOM) - это стандартная кодировка UTF-8, которая не содержит BOM (Byte Order Mark). BOM - это специальный символ, который помещается в начале текстового файла для указания порядка байтов в файле (big-endian или little-endian). В большинстве случаев BOM необходим только при использовании UTF-16 или UTF-32, поэтому при сохранении текстовых файлов в UTF-8 он часто не используется.

UTF-8 with BOM - это та же кодировка UTF-8, но с добавлением BOM в начале файла. Некоторые приложения и браузеры могут автоматически распознать BOM и правильно интерпретировать кодировку текста. Однако, не все программы поддерживают BOM, и при его использовании могут возникать проблемы с отображением текста.

В вашем случае, если при открытии HTML-файла в UTF-8 в браузере вы увидели крякозябры, то это может быть связано с тем, что браузер не правильно интерпретировал кодировку файла. При использовании UTF-8 with BOM, браузер смог правильно распознать кодировку и отобразить текст корректно.

Если вы хотите избежать проблем с кодировкой, рекомендуется сохранять файлы в UTF-8 без BOM и указывать кодировку в мета-теге внутри секции HTML-страницы.