Маркированный список: Маркированные списки | WebReference

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

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

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

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

Сравните две разные версии ниже. Вы, вероятно, заметите, что информацию, указанную в версии 2, легче читать. Это потому, что предложения четко перечислены вертикально на отдельных строках. Напротив, в версии 1, читатель должен найти их в менее структурированном текстовом абзаце.

Версия 1

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

Версия 2

Пакет услуг нашего спа-салона включает в себя:

• Двухместное размещение
• Два 50-минутных спа-процедуры на ваш выбор
• Завтрак в номере на двоих
• Подарочная корзина по прибытии

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

7 советов по представлению маркированных списков

1. Напишите элементы списка примерно одинаковой длины.

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

Не

Упакуйте следующие вещи для лагеря:

• Спальный мешок
• Купальник для похода к водопадам
• солнцезащитный крем
• Водонепроницаемая куртка для дождливых дней. Мы ожидаем сильных гроз.

Основные различия в длине элементов списка приводят к тому, что список выглядит хаотичным и неравномерным.

Do

Упакуйте следующие вещи для лагеря:

• Спальный мешок
• Купальник
• солнцезащитный крем
• Водонепроницаемая куртка
  

2. Используйте нумерованные списки только тогда, когда важна последовательность или количество предметов.

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

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

Не

Пожалуйста, свяжитесь с нами любым из следующих способов:

1. Онлайн контактная форма
2. Чат
3. Телефон
4. лично

Числа заставляют элементы списка казаться шагами в последовательном процессе, а не отдельными опциями.

Do

Пожалуйста, свяжитесь с нами одним из следующих способов:

• Онлайн контактная форма
• Чат
• Телефон
• лично
  

3. Используйте параллельное предложение для элементов списка.

Каждый элемент должен иметь последовательный стиль формулировки. Разнообразные формулировки могут быть неграмотными и могут замедлить (или даже запутать) читателей.

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

Не

Пожалуйста, следуйте правилам, размещенным по всему парку:

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

В этом примере четыре фразы начинаются с разных типов слов.

Do

Пожалуйста, следуйте правилам, размещенным по всему парку:

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

Второй список выглядит лучше, потому что каждая фраза начинается с одного и того же типа слова — в данном случае глагол.

4. Избегайте повторения одного и того же слова в начале каждого элемента списка.

Когда это возможно, опускайте статьи, такие как «a», «am» или «the», и повторяющиеся слова в начале пунктов списка. Различение ключевых слов в начале каждого элемента марки позволяет легко различать параметры списка.

Не

Как собрать спелый ананас:

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

Do

Как собрать спелый ананас:

• Запах это. Это должно пахнуть сладким.
• Сожми это. Это должно чувствовать себя твердым, но мягким.
• Посмотрите на это. Цвет должен быть золотисто-желтым.
  

5. Представьте список с четким, описательным предложением или фразой.

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

Не

Отдых в Британской Колумбии:

• Отправляясь в поход
• Художественные музеи
• Каноэ на озере

Вступительное слово ( Vacationing in British Columbia) не описывает список должным образом.Кроме того, этот список включает в себя вещи, сделанные в отпуске, но Искусство музеев не является деятельностью.

Do

В нашем отпуске в Британской Колумбии участвует:

• Походы в горы
• Посещение художественных музеев
• Каноэ на озере
  

6. Сохраняйте форматирование единообразным.

Это основные правила использования заглавных букв и знаков препинания:

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

Не

Если вы видите издевательства:

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

Предложения не пишутся с большой буквы и не заканчиваются точкой.

Do

Если вы видите издевательства:

• Встань за человека, над которым издеваются.
• Расскажите взрослому о ситуации.
• Поощряйте человека, над которым издеваются, чтобы поговорить со взрослым.
• Оказывайте поддержку, показывая свою заботу.

Не

Вы можете помочь защитить окружающую среду:

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

Элементы списка являются фрагментами, и поэтому не требуют пунктуации.

Do

Вы можете помочь защитить окружающую среду:

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

7.Не злоупотребляйте маркированными списками, так как они могут потерять свою эффективность.

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

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

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

Примечание

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

Заключение

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

Узнайте, как написать убедительную цифровую копию на нашей конференции.

маркированных списков

Мейв Мэддокс

Более одного читателя просили меня написать о маркированных списках.

Термин получил свое название от типографского символа, называемого маркером , круглой точкой, используемой для обозначения или выделения абзаца или элемента в вертикальном списке.

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

Английское слово bullet происходит от французского boulette , уменьшительное от boule , «ball». До 19 века пули были круглыми.

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

1. Заголовок, за которым следуют позиции

Этот формат подходит для списка элементов из одного или двух слов под заголовком:

Что нельзя брать в самолет
• Острые предметы
• Спортивные товары
• Огнестрельное оружие
• Инструменты

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

2. Вступительное предложение, вводящие фразы

Этот формат подходит для списка в контексте статьи.За вступительным заявлением следует двоеточие:

Для регистрации необходимо привезти следующие документы:

• официальная копия вашего свидетельства о рождении
• недавнее удостоверение личности с фотографией
• недавний счет за коммунальные услуги, адресованный вам или члену вашей семьи

Предметы не имеют заглавных букв, если они являются фрагментами.

3. Вступительное предложение, представляющее полные предложения

Пассажиры будут избегать потери багажа, если будут соблюдать следующие правила:
• Положите контактную информацию как внутри, так и снаружи вашей сумки.
• Поместите отличительный знак на сумку, чтобы ее было легко идентифицировать.
• Храните ценные вещи с собой.
• Держите с собой заглушку зарегистрированного багажа.

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

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

Для другого форматирования, который включает запятые и точки с запятой, см. Чикагское руководство по стилю (16-е издание), разделы 6.124 и 6.125.

Хотите улучшить свой английский за пять минут в день? Получите подписку и начните получать наши ежедневные советы и упражнения!

Продолжай учиться! Просмотрите категорию «Стиль», проверьте наши популярные сообщения или выберите соответствующую запись ниже:

Хватит делать эти смущающие ошибки! Подпишитесь на ежедневные советы по написанию сегодня!

• Вы улучшите свой английский всего за 5 минут в день, гарантировано!
• подписчиков получают доступ к нашим архивам с 800+ интерактивными упражнениями!
• Вы также получите три бонусных электронных книги совершенно бесплатно!

Как создать список маркеров и номеров в HTML?

Обновлено: 30.06.2009 от Computer Hope

Чтобы создать маркированный список, используйте теги неупорядоченного списка

и теги элемента списка
• , как показано в примере ниже.
  
  
  • Пример
    
  • Пример2
    
  • Пример3
    

    Приведенный выше пример создаст маркированный список, как показано ниже.

    • Пример
    • Пример 2
    • Пример 3

    Если вы хотите изменить этот список на упорядоченный список (нумерованный список), измените теги

    на
    , как показано в примере ниже.
    
    
    1. Пример
       
    2. Example2
       
    3. Example3
       

       Приведенный выше пример создаст нумерованный список, как показано ниже.

       1. Пример
       2. Пример 2
       3. Пример 3

       Если вы хотите применить стиль CSS или использовать изображение в качестве списка маркеров, создайте код CSS, подобный примеру ниже.

       #content ul li {
       list-style-Type: none;
       отступ: 0 0 4px 23px;
       фон: URL (https: // www.computerhope.com/arrow.gif) нет повтора слева вверху;
       }

       В этом примере, используя внешний файл .css, мы сообщаем веб-странице об изменении только маркированных элементов в разделе

       . Если вы хотите, чтобы все маркированные элементы были изменены, вы можете удалить #content в приведенном выше примере. Во второй строке list-style-Type: none; говорит браузеру не отображать маркеры. В третьей строке отступы : 0 0 4px 23px; — отступы и отступы от пуль.Наконец, последняя фоновая строка указывает браузеру использовать изображение в качестве маркера и место его отображения. С этим кодом CSS мы получаем маркеры, как показано ниже.

       • Пример
       • Пример 2
       • Пример 3

       Наконечник

       Вы также можете использовать расширенный HTML-код & bull; , если вы хотите создать символ маркировки (•) без создания неупорядоченного списка маркировки, как показано выше.

       ,

       No related posts.