Problemas con los caracteres del UTF-8

En la página web siempre hago una declaración del set de caracteres UTF-8 para el español.

<meta charset="UTF-8" />

No parecía que había ningún problema.


Sin embargo, descubro que en algunos navegadores y sistemas operativos, parece como si no se hubiese hecho esta declaración del set de caracteres.
En concreto lo he observado con el trabajo de los cuadrados mágicos de 4 x 4.
Los acentos, las eñes, las aperturas de exclamación...
He leído en Internet que parece que el problema se origina con los archivos .js externos.
No cuando el código es escrito en la propia página web.
Y parece que no se puede hacer una declaración en el propio documento .js
¿Qué hacer entonces?
Parece que la única solución es escribir los acentos, las eñes, con las codificaciones como si no se hubiese declarado el charset.
Hace tiempo, en mi manual de HTML, recopilé estos caracteres:

HTML
	<	&lt; (less than)
	>	&gt; (greater than)
	"	&quot;
	&	&amp; (ampersand)
Español
	á	&aacute;
	é	&eacute;
	í	&iacute;
	...
	Á	&Aacute;
	É	&Eacute;
	...
	ñ	&ntilde;
	Ñ	&Ntilde;
	ü	&uuml;
	Ü	&Uuml;
	¡	&#161;
	¿	&#191;
Otros signos
	©	&copy;
	®	&reg;
	€	&#8364;
	”	&#8221;
	“	&#8220;
		&nbsp; (non breaking space)

Así que, por si acaso, igual está bien escribir de esta forma por muy pesado que resulte.
He visto también que la hoja de estilos sí que admite la declaración del charset.
Con esta sintaxis:

&charset = "UTF-8";

Así que también las hojas de estilo las declararemos.

ACTUALIZACIÓN
El problema se producía en un ordenador con sistema operativo linux y con Firefox o con Chromium como navegador

Pero siempre en modo local.
Cuando lo he visto desde Internet, no ha habido ningún problema.
Así que lo vamos a dejar...