Я видел следующий вопрос, где кто-то спросил, как удалить шейдеры из HTML:WebGL - есть ли альтернатива встраиванию шейдеров в HTML?

Существуют сложные обходные пути для загрузки в файл, содержащий шейдер, предложенный в ответах на вопрос.

В уроке, который я видел, код шейдера встроен непосредственно в html. Код javascript ссылается на него с помощью getElementById. Но это ужасно встраивает шейдер непосредственно в HTML по многим причинам. Почему я не могу просто обратиться к нему с помощью атрибута src =?

<script type="x-shader/x-fragment" id="shader-fs" src="util/fs"></script>

Выше не работает, я просто хочу знать, почему нет. Это явно связано с ограничениями самого скрипта, но я этого не понимаю.