Можно ли скрыть что-либо с помощью display:none?

StackOverflow https://stackoverflow.com/questions/2289749

  •  21-09-2019
  •  | 
  •  

Вопрос

Можно ли скрыть что-либо временно или навсегда, используя display:none?на динамическом сайте, где многие компоненты страницы поступают из разных плагинов и т. д., и часто, если клиент ничего не хочет на странице, я использую dispaly:none чтобы скрыть что-либо со страницы.Я не удаляю что-то из фактического источника, потому что клиент может вернуться и попросить снова включить эту вещь.

Итак, каковы плюсы и минусы того, чтобы скрыть вещи от отображения: нет, если я скрою какой-либо элемент, используя Display:none навсегда?

есть ли какие-либо минусы с точки зрения SEO, чтения с экрана, доступности и т. д.?

Это было полезно?

Решение

Плюсы:Очень легко сделать

Минусы:

  • Вы по-прежнему загружаете компоненты на стороне сервера, а клиент их загрузит.Браузер их просто не «покажет».
  • Любой, кто использует «просмотр источника», сможет увидеть «скрытые» значения.поэтому никогда не используйте его для сокрытия конфиденциальной информации.

Вы можете просто «прокомментировать» этот раздел на стороне сервера, чтобы сэкономить большую часть обработки на сервере, уменьшить пропускную способность и т. д.

Другие советы

Если клиент хочет удалить ее, создайте резервную копию страницы и опубликуйте страницу, на которой она действительно удалена.Не заменяйте CSS на самом деле удаление предмета.Если они решат, что им это нужно в будущем, тогда зайдите и замените свою резервную копию на живую копию.Если вы имеете дело с динамическим выводом (в случае PHP или аналогичной технологии), вы можете остановить этот конкретный вывод с помощью комментариев, чтобы они никогда не включались в ответ.

Вероятно, здесь также стоит упомянуть, что некоторые поисковые системы (например, Google) проверяют скрытый контент.

Скрытие огромных объемов текста с помощью display:none; — это одна из вещей, которую многие поисковые системы воспринимают как спам по ключевым словам.

:)

Имеет смысл скрывать/показывать что-то с помощью display:none, когда вы используете Ajax на стороне клиента.Таким образом, вы можете переключать представления/вкладки, не совершая обход сервера.

Это необходимо, чтобы действительно удалить что-то из разметки страницы, когда есть проблемы с безопасностью.Если пользователь не имеет права просматривать некоторую конфиденциальную информацию, ее не должно быть там, когда он нажимает «Показать источник».

display: none хорошо скрывать то, что вы хотите видеть, когда люди отключают CSS или используют браузеры, которые не поддерживают CSS.

Что касается доступности, существует большая вероятность того, что что-то скрытое с помощью «display:none;» НЕ будет читаться программой чтения с экрана.Это может быть приемлемо, если вы хотите, чтобы так и было.

Возможная альтернатива сокрытию контента только для программ чтения с экрана/css-предложений — использовать этот класс:

.offscreen {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

И следующий HTML:

<h3 class="offscreen">Site Navigation</h3>

Для получения полной информации о методах сокрытия:http://www.access-matters.com/2005/04/23/screen-reader-test-results/

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top