Советы по быстрому созданию веб-сайта

Question

Я новичок в разработке веб-сайтов, но меня очень интересует эта область, касающаяся создания отзывчивых веб-сайтов.

Является ли это хорошей практикой программирования, когда вы скрываете элемент html (для рабочего стола) и отображаете другой элемент html при меньшем размере экрана, хотя оба элемента имеют один и тот же контент, например форму контакта? Я скрывал «элемент html», потому что мне было сложно использовать медиа-запросы ...

Примечание. Вопрос не в том, что касается содержимого элемента html, который я пытаюсь скрыть или показать. Я просто хочу знать, хорошая ли практика программирования для этого? Спасибо

Answer 1

No.

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

Обычно люди хотят это сделать, потому что они хотят изменить порядок содержимого. Посмотрите на использование Flexbox (включая свойство order), чтобы сделать это вместо этого.

Answer 2

Ответ: нет, это не очень хорошая практика. Вам нужно попытаться избежать дублирования одних и тех же логических элементов для настольных компьютеров и мобильных устройств. Попробуйте использовать один элемент и настройте его с помощью медиа-запросов.

Answer 3

Как правило, лучший способ подхода к гибкому дизайну - избегать скрытия и отображения контента в максимально возможной степени. Часто лучше всего создавать свой сайт для изменения размеров или переупорядочения элементов, а не просто их удаления на определенных экранах (особенно, когда вы, кажется, спрашиваете, должен ли вы показывать элемент с тем же контентом?)

Очевидно, что исключение здесь будут выпадающие меню навигации.

Вот почему люди склонны утверждать, что вы должны сначала разработать мобильный телефон. Таким образом, присутствуют только самые важные элементы, и вы не просто скрываете элементы без необходимости.

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

Answer 4

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

Это также затрудняет перемещение структуры дерева html. Так ведь это не очень хорошая практика. Просто попробуйте использовать трюки и хаки для достижения того же результата, которого вы хотите достичь.