Содержание
Язык HTML состоит из множества различных элементов. Эти отдельные элементы выступают в качестве строительных блоков веб-страниц. Посмотрите на HTML-разметку для любой страницы в Интернете, и вы увидите общие элементы, включая абзацы, заголовки, изображения и ссылки. Другие элементы, которые вы почти наверняка увидите, являются списками.
Есть три типа списков в HTML
- Упорядоченные списки: Их иногда называют нумерованными списками, поскольку по умолчанию элементы списка, содержащиеся в этом списке, имеют определенный числовой порядок или ранжирование. Упорядоченные списки подходят там, где точный порядок элементов критически важен для смысла контента. Например, рецепт, скорее всего, будет использовать упорядоченный список, поскольку представленные шаги выполняются не в произвольном порядке. Порядок этих шагов имеет решающее значение для результата этого рецепта. Любой пошаговый процесс лучше всего представить в виде упорядоченного списка.
- Неупорядоченные списки: Их иногда называют маркированными списками, потому что по умолчанию внешний вид неупорядоченного списка должен иметь маленькие значки маркеров перед элементами списка. Этот тип списка лучше всего использовать для списков, которые не имеют требуемого порядка. Элементы списка будут отображаться в любом порядке, в котором вы их кодируете для HTML, но вы определяете этот порядок и, в отличие от рецепта или пошагового процесса, порядок может быть изменен, и смысл содержимого не пострадает. Например, если вы составляете список людей, с которыми вы работаете, вы можете упорядочить их в алфавитном порядке, или на основе старшинства, или в соответствии с отделами и т. Д. Любой из них будет иметь смысл и значение списка (людей, с которыми вы работаете ) не изменится независимо от того, какой вариант вы выберете. Порядок определяется вами и вашей разметкой, поэтому точные цифры не нужны. Это хороший вариант для неупорядоченного списка.
- Списки определений: Это списки элементов, которые состоят из двух частей: определяемый термин и определение. Они обычно используются для отображения пары определение / описание, как вы можете найти в словаре, но списки определений также могут использоваться для многих других видов контента.
Упорядоченные списки
Использовать
- тег (окончание
тег), чтобы создать нумерованный список с номерами, начинающимися с 1. Элементы создаются с
Вступление 1
Вступление 2
Вступление 3
Упорядоченные списки везде, где вы хотите, чтобы показать определенный порядок для элементов списка, которым нужно следовать или для ранжирования элементов последовательно Опять же, эти списки чаще всего встречаются в Интернете в инструкциях и рецептах.
Неупорядоченные списки
Использовать
- тег (окончание
пуля
пуля
пуля
тег обязателен) для создания списка с маркерами вместо цифр. Как и в случае упорядоченного списка, элементы создаются с помощью пары тегов. Например:
Используйте неупорядоченные списки для любого списка, который не должен быть в определенном порядке. Это наиболее распространенный тип списка на веб-странице. Вы часто видите эти списки, используемые при навигации по сайту, для отображения различных ссылок в этом меню.
Списки определений
Списки определений создают список с двумя частями для каждой записи: имя или термин, который будет определен, и определение. Это создает списки, похожие на словарь или глоссарий. Есть три тега, связанные со списком определений:
Вот как выглядит список определений:
Это определение термина
И это определение
определение 2
определение 3
Как видите, вы можете иметь один термин, но дать ему несколько определений. Подумайте о слове «Книга» … одно определение книги — это своего рода материал для чтения, тогда как другое определение будет синонимом «расписание». Если бы вы это кодировали, вы бы использовали один термин, но два описания.
Вы можете использовать списки определений везде, где у вас есть список, состоящий из двух частей для каждого элемента. Наиболее распространенное использование — глоссарий терминов, но вы также можете использовать его для адресной книги (название — это термин, а адрес — это определение) или для многих других интересных применений.
