[Перевод] Скрываем без JavaScript элементы, требующие JavaScript
Я всё тщательно проверил и убедился, что мой сайт отлично (или хотя бы вполне неплохо) даже без JavaScript. Но, когда JavaScript недоступен, иногда бывает немного тяжеловато скрывать вещи, скрывать которые необходимо. Всего 7 строк кода (или даже однострочника, для самых душных) достаточно, чтобы скрывать на странице элементы, требующие JavaScript. Поэтому вам не придётся краснеть перед пользователи, которые без JavaScript заметили бы, как хромает функциональность вашего сайта.
Небольшой контекст: я сейчас разрабатываю небольшую кнопочку «Share», которую можно вставлять в посты и с лёгкостью делиться ими, если мне захочется. Взгляните, как она сейчас выглядит без JavaScript: \
Не сказать, чтобы она выглядела ужасно, но когда JavaScript включён — не требуется ссылка, а когда отключён — не требуется SVG. Я просто хотел показать SVG в виде кнопки, которую можно нажимать при включённом JavaScript, а ссылку выводить для того, чтобы её можно было без труда скопировать и вставить при отключённом JavaScript.
Если вам это в новинку — подскажу, что вторую операцию легко выполнить при помощи HTML-тега . Браузеры понимают, что содержимое этого тега нужно отображать лишь в случаях, когда JavaScript отключён. Поэтому, если вы хотите, чтобы ссылка отображалась лишь при отключённом JavaScript, просто заключите её в тег .
Но, если вы хотите, чтобы элемент появлялся на странице только при включённом JavaScript — тут всё несколько сложнее. Тега