Руководство по использованию таблиц HTML в современную эпоху
Автор Adi Purdila
Время урока 53 минуты
Язык Английский
В свое время веб-страницы были построены с таблицами. Это были краеугольные камни любого макета. В настоящее время у нас есть так много разных и гораздо более простых способов создания макетов: плавающие, flexbox, grid и multi-column. Нам больше не нужны таблицы для разметки, но это не значит, что они устарели. Это далеко не так - они имеют очень реальное и конкретное применение: отображение данных.

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

  • Введение

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

  • HTML-таблицы в современную эпоху

В свое время веб-страницы были построены с таблицами. Ряды и ячейки являются краеугольным камнем любого макета.

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

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

Таблицы в веб-дизайне ничем не отличаются и, на самом деле, мы должны уделять им пристальное внимание. Из-за своей природы таблицы могут отображать большие объемы табличных данных, часто организованных в виде множества столбцов. Давайте посмотрим, как мы можем сделать таблицы адаптивными.

Из-за их характера таблицы могут быть довольно большими. Для данных нередко требуется много и много строк, и отображение всех этих элементов на одной странице может оказаться не лучшим подходом.

Одним из решений этой проблемы является разбиение на таблицы, где строки разбиваются на несколько страниц. Посмотрим, как мы можем это сделать. Мы также рассмотрим, как создать таблицу, которую пользователи могут сортировать.

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

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

Скрытый контент

  • Вы не зарегистрированы
  • Вы не вошли как пользователь
  • У Вас просрочена подписка
  • Ваша подписка не даёт вам право скачивать данный раздел