Использование списка HTML в веб-дизайне

Упорядоченные списки, неупорядоченные списки и списки определений

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

Есть три типа списков в HTML

  • Упорядоченные списки . Их иногда называют нумерованными списками, поскольку по умолчанию элементы списка, содержащиеся в этом списке, имеют определенный числовой порядок или ранжирование. Упорядоченные списки подходят там, где точный порядок элементов критически важен для смысла контента. Например, рецепт, скорее всего, будет использовать упорядоченный список, поскольку представленные шаги выполняются не в произвольном порядке. Порядок этих шагов имеет решающее значение для результата этого рецепта. Любой пошаговый процесс лучше всего представить в виде упорядоченного списка.
  • Ненумерованные списки . Их иногда называют маркированными списками, поскольку по умолчанию визуальный список неупорядоченных списков должен иметь маленькие маркированные значки перед элементами списка. Этот тип списка лучше всего использовать для списков, которые не имеют требуемого порядка. Элементы списка будут отображаться в любом порядке, в котором вы их кодируете для HTML, но вы определяете этот порядок и, в отличие от рецепта или пошагового процесса, порядок может быть изменен, и смысл содержимого не пострадает. Например, если вы составляете список людей, с которыми вы работаете, вы можете упорядочить их в алфавитном порядке, или на основе старшинства, или в соответствии с отделами и т. Д. Любой из них будет иметь смысл и значение списка (людей, с которыми вы работаете ) не изменится независимо от того, какой вариант вы выберете. Порядок определяется вами и вашей разметкой, поэтому точные цифры не нужны. Это хороший вариант для неупорядоченного списка.
  • Списки определений . Это списки элементов, которые состоят из двух частей: определяемого термина и определения. Они обычно используются для отображения пары определение/описание, как вы можете найти в словаре, но списки определений также могут использоваться для многих других видов контента.

Упорядоченные списки

Используйте тег

    (необходим конечный тег

), чтобы создать нумерованный список с номерами, начинающимися с 1. Элементы создаются с парой тегов

  • . Например:
    1.  Запись 1 
      1.  Запись 2 
        1.  Запись 3 

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

    Неупорядоченные списки

    Используйте тег

      (обязательный тег

      ), чтобы создать список с маркерами вместо цифр. Как и в случае упорядоченного списка, элементы создаются с помощью пары тегов. Например:

      •  Пули 
        •  Пули 
          •  Пули 

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

      Списки определений

      Списки определений создают список с двумя частями для каждой записи: имя или термин, который будет определен, и определение. Это создает списки, похожие на словарь или глоссарий. Есть три тега, связанные со списком определений:

      Вот как выглядит список определений:

       Это термин определения 
       И это определение 
       определение 2 
       определение 3 

      Как видите, вы можете иметь один термин, но дать ему несколько определений. Подумайте о слове «Книга» … одно определение книги – это своего рода материал для чтения, тогда как другое определение будет синонимом «расписание». Если бы вы это кодировали, вы бы использовали один термин, но два описания.

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

  • Оцените статью
    Solutics.ru
    Добавить комментарий