Генерируемое содержимое, автоматическая нумерация и списки


Содержание
Илон Маск рекомендует:  Шаблон сайта экономика HTML, CSS, JavaScripts, 5 страниц

CSS 2.1: Сгенерированное содержимое, автоматическая нумерация и списки

В некоторых случаях у авторов может возникнуть необходимость в том, чтобы агенты пользователей отображали на экране содержимое, которое не принадлежит дереву документа. Одним из хорошо известных примеров такой ситуации является нумерованный список, когда разработчик не желает вводить числа явным образом, а предпочитает, чтобы агент пользователя генерировал их автоматически. Подобным образом у автора может возникнуть желание, чтобы пользовательский агент вставлял слово «Рисунок» перед названием рисунка или строку «Глава 7» перед заголовком седьмой главы. В частности, агентам пользователей следует уметь вставлять эти строки для звуковых или эктипографических элементов.

В CSS 2.1 содержимое может генерироваться двумя способами:

  • С использованием свойства ‘content’ в сочетании с псевдоэлементами :before и :after.
  • С использованием элементов, свойство ‘display’ которых принимает значение ‘list-item’.

12.1 Псевдоэлементы :before и :after

С помощью псевдоэлементов :before и :after авторы задают стиль и местоположение сгенерированного содержимого. Как следует из названия, псевдоэлементы :before и :after определяют его местоположение соответственно перед и после содержимого элемента, принадлежащего дереву документа. В сочетании с этими псевдоэлементами свойство ‘content’ определяет содержимое вставляемого объекта.

Например, следующее правило вставляет строку «Примечание: » перед содержимым каждого элемента P, значение атрибута «class» которого равно «note»:

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

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

Псевдоэлементы :before и :after наследуют все наследуемые свойства от элемента в дереве документа, к которому они прикреплены.

Например, следующие правила вставляют открывающие кавычки перед каждым элементом Q. Цвет кавычек будет красным, но шрифт будет таким же, как и шрифт остальной части элемента Q:

В объявлении псевдоэлементов :before или :after ненаследуемые свойства принимают свои начальные значения.

Т.к., например, начальное значение свойства ‘display’ равно ‘inline’, то кавычки в предыдущем примере вставляются как строковый блок (т.е. в той же строке, на которой находится исходное текстовое содержимое элемента). В следующем примере свойству ‘display’ явным образом присваивается значение ‘block’, так что вставляемый текст становится блоком:

Псевдоэлементы :before и :after взаимодействуют с другими блоками, например, с блоками run-in, как если бы они были реальными элементами, вставленными только внутрь связанных с ними элементов.

Например, следующий фрагмент документа и таблица стилей:

. будет представлен точно так же, как и следующий фрагмент документа и таблица стилей:

Подобно этому, следующий фрагмент документа и таблица стилей:

. будет представлен точно так же, как и следующий фрагмент документа и таблица стилей:

Примечание. Данная спецификация полностью не описывает взаимодействие псевдоэлементов :before и :after с заменяемыми элементами (например, IMG в HTML). Более детально это может быть определено в последующих спецификациях.

12.2 Свойство ‘content’

‘content’

Значение: normal | none | [ | | | attr( ) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
Начальное значение: normal
Область применения: псевдоэлементы :before и :after
Наследование: нет
Процентное задание значений: Н/Д
Устройства: все
Вычисляемое значение: В элементах,всегда вычисляется как ‘normal’. В псевдоэлементах :before и :after, если определено значение ‘normal’, то вычисляется как ‘none’. В противном случае, для значений URI – абсолютный URI; для значений attr() – результирующая строка; для остальных ключевых слов – как определено.

Это свойство используется вместе с псевдоэлементами :before и :after для генерации содержимого в документе. Значения имеют следующий смысл:

none Псевдоэлемент не генерируется. normal Вычисляется как ‘none’ для псевдоэлементов :before и :after. «> Текстовое содержимое (см. раздел о строках). «> Значением является URI, обозначающий внешний ресурс (например, рисунок). Если агент пользователя не в состоянии отобразить ресурс, то он должен или оставить его, как будто он не был определен или отобразить какое-нибудь указание о том, что ресурс не может быть отображен. «> Счетчики могут задаваться с помощью двух различных функций: ‘counter()’ или ‘counters()’. Первая имеет два формата: ‘counter( имя )’ или ‘counter( имя , стиль )’. Генерируемый текст является значением самого внутреннего счетчика заданного имени в области применения в этом псевдоэлементе; он форматируется в заданном стиле (по-умолчанию используется стиль ‘decimal’). Вторая функция также имеет два формата: ‘counters( имя , строка )’ или ‘counters( имя , строка , стиль )’. Генерируемый текст представляет собой значения всех счетчиков с заданным именем в области применения в этом псевдоэлементе, от самого внешнего до самого внутреннего, разделенные заданной строкой. Счетчики отображаются в указанном стиле (по-умолчанию используется стиль ‘decimal’). Дополнительную информацию можно получить в разделе, посвященном автоматической нумерации и счетчикам. open-quote и close-quote Эти значения заменяются соответствующей строкой из свойства ‘quotes’ . no-open-quote и no-close-quote Содержимое не представляется, но увеличивает (уменьшает) уровень вложенности кавычек. attr(X) Эта функция возвращает строку, которая является значением атрибута X предметной области селектора. Процессор CSS не анализирует эту строку. Если предметная область селектора не имеет атрибута X, то возвращается пустая строка. Зависимость имен атрибутов от регистра определяется языком документа.

Свойство ‘display’ управляет тем, где помещается содержимое: либо в структурном, либо в строковом блоке.

Следующее правило приводит к генерированию строки «Глава: » перед каждым элементом H1:

Авторы могут вставлять в генерируемое содержимое переходы на новую строку с помощью последовательности «\A» в одной из строк после свойства ‘content’ . Разрыв этой вставляемой строки все еще зависит от свойства ‘white-space’ . Дополнительную информацию о последовательности «\A» можно получить в разделах «Строки» и «Символы и регистр».

Генерируемое содержимое не изменяет дерева документа. В частности, оно не поступает обратно в языковой процессор документа (например, для повторного синтаксического анализа).

12.3 Кавычки

В CSS 2.1 авторы могут определять, каким образом агентам пользователей следует отображать кавычки в зависимости от стиля и контекста. Свойство ‘quotes’ задает пару кавычек для каждого уровня вложенности цитат. Свойство ‘content’ предоставляет доступ к этим кавычкам и вставляет их до и после цитаты.

12.3.1 Определение кавычек с помощью свойства ‘quotes’


‘quotes’

Значение: [ ]+ | none | inherit
Начальное значение: зависит от агента пользователя
Область применения: все элементы
Наследование: да
Процентное задание значений: Н/Д
Устройства: визуальные
Вычисляемое значение: как определено

Это свойство задает кавычки для любого числа вложенных цитат. Значения имеют следующий смысл:

none Значения ‘open-quote’ и ‘close-quote’ свойства ‘content’ не создают кавычек. [ «> «> ]+ Значения ‘open-quote’ и ‘close-quote’ свойства ‘content’ берутся из списка пар (открывающих и закрывающих) кавычек. Первая (крайняя слева) пара представляет самый внешний уровень вложенности, вторая пара – первый уровень вложенности и т.д. Агент пользователя должен применять необходимую пару кавычек в соответствии с уровнем вложенности.

Например, применение следующей таблицы стиля:

к следующему фрагменту HTML:

позволит агенту пользователя выполнить:

в то время, как данный фрагмент HTML:

будет представлен как:

Примечание.Несмотря на то, что кавычки, определяемые свойством ‘quotes’ в предыдущем примере, имеются на клавиатурах компьютеров, для высокого качества текста могут потребоваться другие символы кодировки ISO 10646. В следующей таблице представлены некоторые символы кавычек из набора ISO 10646:

Символ Приблизительный вид Код ISO 10646 (шестнадцатеричный) Описание
» » 0022 КАВЫЧКА [двойная кавычка в ASCII]
0027 АПОСТРОФ [одинарная кавычка в ASCII]
203A ПРАВАЯ ОДИНАРНАЯ УГЛОВАЯ КАВЫЧКА
« 00AB ЛЕВАЯ ДВОЙНАЯ УГЛОВАЯ КАВЫЧКА
» 00BB ПРАВАЯ ДВОЙНАЯ УГЛОВАЯ КАВЫЧКА
` 2020 ЛЕВАЯ ОДИНАРНАЯ КАВЫЧКА [single high-6]
2020 ПРАВАЯ ОДИНАРНАЯ КАВЫЧКА [single high-9]
« 201C ЛЕВАЯ ДВОЙНАЯ КАВЫЧКА [double high-6]
» 201D ПРАВАЯ ДВОЙНАЯ КАВЫЧКА [double high-9]
,, 201E ДВОЙНАЯ НИЖНЯЯ 9-ОБРАЗНАЯ КАВЫЧКА [double low-9]

12.3.2 Вставка кавычек с помощью свойства ‘content’

Кавычки вставляются в соответствующие места документа с помощью значений ‘open-quote’ и ‘close-quote’ , принимаемых свойством ‘content’ . Каждое вхождение ‘open-quote’ или ‘close-quote’ в зависимости от глубины вложения заменяется одной из строк, принадлежащей значению свойства ‘quotes’ .

‘Open-quote’ указывает на первую из двух кавычек, а ‘close-quote’ – на вторую. Тип используемых пар кавычек зависит от уровня их вложенности: определяется как разность числа вхождений ‘open-quote’, предшествующих текущему вхождению во всем сгенерированном тексте, и числа вхождений ‘close-quote’. Если глубина вложенности равна 0, то используется первая пара кавычек; если глубина вложенности равна 1, то используется вторая пара кавычек и т. д. Если глубина вложенности превышает число пар, то осуществляется повторное использование последней пары. Значение ‘close-quote’, которое приводит к отрицательной глубине вложенности, является ошибкой и игнорируется (во время представления): глубина вложенности остается равной 0 и кавычки не представляются (хотя остальная часть значения свойства ‘content’ все еще вставляется).

Примечание. Глубина вложенности цитат не зависит от вложенности исходного документа или структуры форматирования.

Некоторые типографские стили требуют, чтобы открывающие кавычки повторялись перед каждым абзацем цитаты, состоящей из нескольких абзацев, и чтобы только после последнего абзаца ставилась закрывающая кавычка. В CSS это может быть достигнуто путем вставки «фантомных» закрывающих кавычек. Ключевое слово ‘no-close-quote’ уменьшает уровень вложенности, но не приводит к вставке кавычек.

Следующая таблица стилей помещает открывающие кавычки в каждом абзаце в BLOCKQUOTE и вставляет в конце одну закрывающую кавычку:

Последнее выполняется в заключительном абзаце, отмеченном классом «last».

Для симметрии существует также ключевое слово ‘no-open-quote’ , которое увеличивает глубину вложения на единицу, но также не приводит к вставке кавычек.

12.4 Автоматические счетчики и нумерация

Управление автоматической нумерацией в CSS 2.1 осуществляется двумя свойствами: ‘counter-increment’ и ‘counter-reset’ . Определяемые этими свойствами счетчики используются функциями counter() и counters() свойства ‘content’ .

‘counter-reset’

Значение: [ ? ]+ | none | inherit
Начальное значение: none
Область применения: все элементы
Наследование: нет
Процентное задание значений: Н/Д
Устройства: все
Вычисляемое значение: как определено

‘counter-increment’

Значение: [ ? ]+ | none | inherit
Начальное значение: none
Область применения: все элементы
Наследование: нет
Процентное задание значений: Н/Д
Устройства: все
Вычисляемое значение: как определено

Свойство ‘counter-increment’ допускает использование одного или нескольких имен счетчиков (идентификаторов), после каждого из которых может быть указано целое число. Оно определяет величину, на которую увеличивается содержимое счетчика при каждом новом вхождении элемента. По умолчанию приращение равно 1. Допускается использование отрицательных целых чисел.

Свойство ‘counter-reset’ также содержит список из одного или нескольких имен счетчиков, после каждого из которых может быть указано целое число. Оно задает значение, которое присваивается счетчику при каждом новом вхождении элемента. По умолчанию оно равно 0.

В этом примере представлен способ нумерации глав и разделов с использованием элементов «Глава 1», «1.1», «1.2», и т.д.

Если элемент увеличивает/сбрасывает счетчик, а также использует его (в свойстве ‘content’ своего псевдоэлемента :before или :after), то этот счетчик используется после увеличения/сброса.

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

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

Следующий пример сбросит счетчик ‘section’ в 0:


Следующий пример увеличит счетчик ‘section’ на 3:

Свойство ‘counter-reset’ поддерживает правила каскадирования. Таким образом, по правилам каскадирования в следующей таблице стилей:

сбрасывается только счетчик ‘imagenum’. Чтобы выполнить сброс обоих счетчиков, их необходимо задать вместе:

12.4.1 Вложенные счетчики и область действия

Счетчики являются «самовложенными» в том смысле, что при повторном использовании счетчика в дочернем элементе или в псевдоэлементе автоматически создается новый образ этого счетчика. Это оказывается важным в ситуациях, аналогичных спискам в языке HTML, где элементы могут быть вложены сами в себя на произвольную глубину. Было бы невозможно определить для каждого уровня счетчик с уникальным именем.

Таким образом, для нумерации вложенных элементов списка достаточно использовать следующий пример. Результат аналогичен тому, когда ‘display:list-item’ и ‘list-style: inside’ задаются в элементе LI:

счетчика начинается с первого элемента в документе, который имеет свойство ‘counter-reset’ для этого счетчика, и включает потомков элемента и его последующие сестринские элементы с их потомками. Однако, он не включает любые элементы в области действия счетчика с таким же именем, созданного свойством ‘counter-reset’ в сестринских элементах или последующим свойством ‘counter-reset’ в том же элементе.

Если свойство ‘counter-increment’ или ‘content’ в элементе или псевдоэлементе ссылается на счетчик, который не находится в области действия любого свойства ‘counter-reset’ , реализациям следует действовать так, как-будто свойство ‘counter-reset’ в элементе или псевдоэлементе сбросило счетчик на 0.

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

Если n -ое вхождение счетчика «item» обозначить как item[n], а начало и конец области действия обозначить как «(» и «)», то в следующем фрагменте HTML-документа будут использоваться заданные счетчики. (Предполагается, что при этом используется таблица стилей, заданная в приведенном выше примере).

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

Функция ‘counters()’ генерируют строку, составленную из всех счетчиков с одинаковым названием, которые находятся в области действия, отделенных заданной строкой.

Следующая таблица стилей нумерует вложенные элементы списка с использованием символов «1», «1.1», «1.1.1», и т. д.

12.4.2 Стили счетчиков

По-умолчанию содержимое счетчиков отображается в десятичном формате, но наряду с ним счетчикам доступны все другие стили отображения, используемые в свойстве ‘list-style-type’ . Применяется следующая запись:

для стиля по-умолчанию, или:

Допускается применение всех стилей, включая ‘disc’, ‘circle’, ‘square’ и ‘none’.

12.4.3 Счетчики в элементах со свойством ‘display: none’

Неотображаемый элемент (свойство ‘display’ которого установлено равным ‘none’) не может увеличивать или сбрасываться значение счетчика.

Например, в следующей таблице стиля элементы H2, класс которых равен «secret», не увеличивают значение счетчика ‘count2’.

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

Например, следующие правила не увеличивают счетчик ‘heading’:

С другой стороны, элементы, свойство ‘visibility’ которых установлено в ‘hidden’, увеличивают значения счетчиков.

12.5 Списки

CSS 2.1 предусматривает базовое визуальное форматирование списков. Элемент со свойством ‘display: list-item’ генерирует главный блок для содержимого элемента и необязательно блок маркера как визуальную индикацию того, что элемент является элементом списка.

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

‘list-style-type’

Значение: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
Начальное значение: disc
Область применения: элементы со свойством ‘display: list-item’
Наследование: да
Процентное задание значений: Н/Д
Устройства: визуальные
Вычисляемое значение: как определено

Это свойство задает вид маркера элемента списка, если для свойства ‘list-style-image’ устанавливается значение ‘none’ или изображение, на которое указывает URI, недоступно. Значение ‘none’ говорит о том, что маркер не используется. В противном случае можно использовать три типа маркеров: глифы, нумерованные и алфавитные.

Глифы определяются с помощью значений disk , circle и square . Конкретное их представление зависит от агента пользователя.

Системы нумерации определяются с помощью:

decimal Десятичные числа, начиная с 1. decimal-leading-zero Десятичные числа, дополненные начальными нулями (e.g., 01, 02, 03, . 98, 99). lower-roman Римские числа строчными буквами (i, ii, iii, iv, v, и т.д.). upper-roman Римские числа заглавными буквами (I, II, III, IV, V, и т.д.). georgian Традиционная грузинская нумерация (an, ban, gan, . he, tan, in, in-an, . ). armenian Традиционная армянская нумерация.

Алфавитные системы задаются с помощью:

lower-latin или lower-alpha Строчные ascii-буквы (a, b, c, . z). upper-latin или upper-alpha Заглавные ascii-буквы (A, B, C, . Z). lower-greek Классические греческие строчные буквы альфа, бета, гамма, . (?, ?, ?, . )

В этой спецификации не определено поведение алфавитных систем, когда в процессе нумерации исчерпываются все символы алфавита. Например, после 26 элементов списков представление ‘lower-latin’ не определено. Поэтому для больших списков рекомендуется использовать числа.

Например, в результате выполнения следующего кода HTML

будет представлен примерно следующий список:

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

‘list-style-image’

Значение: | none | inherit
Начальное значение: none
Область применения: элементы со свойством ‘display: list-item’
Наследование: да
Процентное задание значений: Н/Д
Устройства: визуальные
Вычисляемое значение: абсолютный URI или ‘none’

Это свойство определяет графический объект, используемый в качестве маркера элемента списка. Если графический объект доступен, то он заменяет маркер, устанавливаемый свойством ‘list-style-type’ .

В следующем примере перед каждым элементом списка в качестве маркера используется графический объект «ellipse.png».

‘list-style-position’

Значение: ins >inherit
Начальное значение: outs > Область применения: элементы со свойством ‘display: list-item’
Наследование: да
Процентное задание значений: Н/Д
Устройства: визуальные
Вычисляемое значение: как определено

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

outside Блок маркера находится вне главного структурного блока. CSS 2.1 не определяет точное местоположение блока маркера. inside Блок маркера находится в первом строковом блоке главного структурного блока, следом за которым выводится содержимое элемента. CSS 2.1 не определяет точное местоположение блока маркера.

Вышеприведенный пример может быть отформатирован следующим образом:

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

‘list-style’

Значение: [ || || ] | inherit
Начальное значение: см. каждое свойство в отдельности
Область применения: элементы со свойством ‘display: list-item’
Наследование: да
Процентное задание значений: Н/Д
Устройства: визуальные
Вычисляемое значение: см. каждое свойство в отдельности

визуального форматирования Свойство ‘list-style’ является сокращенной формой задания трех свойств ‘list-style-type’ , ‘list-style-image’ и ‘list-style-position’ в одном месте таблицы стилей.

Хотя авторы и могут задать информацию ‘list-style’ о стиле списка непосредственно в элементах списка (например, в элементе «li» в HTML), тем не менее, следует пользоваться таким способом с определенной осторожностью. Следующие два правила выглядят похожими, хотя первое определяет селектор потомков, а второе (более специфичное) — селектор дочерних элементов.

Авторы, использующие только селекторы потомков, могут не достичь ожидаемых результатов. Рассмотрим следующие правила:

Желаемым представлением было бы если элементы списка уровня 1 были с маркерами ‘lower-alpha’, а уровня 2 – с маркерами ‘disc’. Однако порядок каскадирования приведет к тому, что первое правило стиля (включающее специфичную информацию о классе) будет перекрывать второе. Следующие правила позволят решить эту проблему применяя вместо этого селектор дочерних элементов:

Другим способом решения может стать задание информации ‘list-style’ о стиле списка только в элементах типа списка:

Наследование передает значения свойства ‘list-style’ элементов OL и UL свойствам элементов LI. Именно этот способ рекомендуется использовать для определения информации о стиле списка.

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

Если не удается получить доступ к графическому объекту, то вместо него здесь будет использоваться маркер ‘disc’.

Если для свойства ‘list-style’ устанавливается значение ‘none’, то свойствам ‘list-style-type’ и ‘list-style-image’ также присваивается значение ‘none’:

В результате маркер элемента списка не отображается.

ЛЕКЦИЯ 3. НУМЕРОВАННЫЕ И МАРКИРОВАННЫЕ СПИСКИ

Читайте также:

  1. SIMULINK ЛЕКЦИЯ 1
  2. Введение. Лекция № 1
  3. ВВОДНАЯ ЛЕКЦИЯ
  4. Вводная лекция
  5. Вводная лекция
  6. ВВОДНАЯ ЛЕКЦИЯ
  7. Вводная лекция
  8. Вводная лекция
  9. Вводная лекция Исследования
  10. ВВОДНАЯ ЛЕКЦИЯ ПО АИИСРК
  11. Вводная лекция.
  12. Вложенные списки


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

Создание нумерованного или маркированного списка

Чтобы создать список на основе существующего текста:

1. выделите абзацы, которые войдут в список;

2. в меню Формат выберите команду Список;

3. в открывшемся диалоговом окне Список в зависимости от типа списка, который хотите создать, откройте вкладку Нумерованный или Маркированный.

4. Выберите нужный стиль списка;

5. Щелкните на кнопке ОК.

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

1. Установите курсор в начало списка. Если нужно, нажмите клавишу Enter, чтобы начать новый абзац.

2. в меню Формат выберите команду Список для открытия диалогового окна Список;

3. В зависимости от типа списка, который хотим создать, открываем вкладку Нумерованный или Маркированный;

4. Выберите стиль списка, щелкнув на пиктограмме с его изображением;

5. Щелкните на кнопке ОК;

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

7. В конце последнего абзаца нажмите Enter дважды.

v Стили маркированных списков во вкладке Маркированный

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

Использование многоуровневых списков

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

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

1. В меню Формат выберите команду Список для открытия диалогового окна Список.

2. Щелкните на корешке вкладки Многоуровневый, чтобы просмотреть виды многоуровневых списков;

3. Щелкните на пиктограмме нужного списка, а затем на кнопке ОК;

4. Набирайте список, нажимая Enter после каждого его элемента;

5. После нажатия клавиши Enter нажмите клавишу Таb для перехода на новый вложенный уровень или же комбинацию клавиш Shiit+ Tab для перехода на один уровень вверх.

6. Набрав последний элемент списка, нажмите клавишу Enter, а затем щелкните на кнопке Нумерованный список панели форматирования для завершения списка.

Можно преобразовать обычный текст или одноуровневый нумерованный или маркированный список во многоуровневый список. Также можете поменять стиль уже существующего многоуровневого списка:

1. Выделите все абзацы, которые вы хотите включить в новый список, или изменить их форматирование;

2. в меню Формат выберите команду Список, а затем щелкните на корешке вкладки Многоуровневый;

3. Выберите нужный стиль списка, затем щелкните на кнопке ОК;

4. Установите курсор на той позиции списка, уровень которой вы хотите изменить;

5. Щелкните на кнопке Уменьшить отступ или Увеличить отступ на панели инструментов Форматирование для изменения уровня элемента списка;

6. Повторите пп. 4 и 5, если нужно изменить уровни других элементов списка.

Использование вкладки Многоуровневый диалогового окна Список для создания многоуровневого списка

Преобразование нумерованного или маркированного списка в обычный текст

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

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

2. Щелкните на нажатой кнопке панели форматирования.

Изменение формата нумерованного или маркированного списка

Можно изменить формат уже существующего нумерованного или маркированного списка, соответственно изменив стиль цифр или меток:

1. Выделите абзацы, в которых вы хотите изменить метки списка. Это может быть как весь список, так и часть его.

2. в меню Формат выберите команду Список, а затем щелкните на корешке вкладки Многоуровневый;

3. Если у вас маркированный список — откройте вкладку Маркированный и выберите нужный стиль. Для того чтобы убрать метки, щелкните в поле Нет.

4. Для нумерованного списка откройте вкладку Нумерованный и выберите стиль для этого списка либо щелкните в поле Нет для удаления нумерации из списка.

5. Щелкните на кнопке ОК.

Добавление позиций в нумерованный или маркированный список

Чтобы добавить новые позиции в нумерованный или маркированный список:

1. Установите курсор в той позиции списка, куда вы хотите внести новый элемент;

2. Нажмите клавишу Enter для начала нового абзаца. Word автоматически вставит новую метку или номер и перенумерует весь список в случае необходимости.

3. Введите новый текст.

4. Если это многоуровневый список, щелкните на кнопке Уменьшитьотступ или Увеличить отступна панели инструментов Форматирование, если вам нужно изменить уровень введенной позиции.

5. Повторите все предыдущие пункты для каждой новой позиции.

ЛЕКЦИЯ 4. СОЗДАНИЕ ТАБЛИЦ И ДИАГРАММ

Работа с таблицами

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

Чтобы вставить новую пустую таблицу в любое место своего документа:

1. Установите курсор в то место документа, куда вы хотите вставить таблицу.

2. в меню Таблица выберите строку Вставитьи в ее менюкомандуТаблица. Появится диалоговое окно Вставка таблицы;

3. В текстовых полях Число столбцов: и число строк:, щелкая на двойных стрелках или набирая на клавиатуре, введите количество строк и столбцов будущей таблицы;


4. В области Автоподбор ширины столбцов можно выбрать одну из трех возможностей:

постоянная: — шириной от левого до правого поля страницы, со столбцами равной ширины

по содержимому

по ширине окна

В текстовом поле можно выбрать нужную ширину столбца.

5. Чтобы применить один из видов автоформатирования таблиц Word к своей таблице, щелкните на кнопке Автоформат, выберите нужное форматирование, а затем щелкните на кнопке ОК.

6. Щелкните на кнопке ОК. В документе появится пустая таблица, в первой ячейке которой будет находиться курсор.

Работа в таблице

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

Для того чтобы перейти в Нажмите клавишу
следующую ячейку этой строки Tab
предыдущую ячейку этой строки Shift+ Tab
первую ячейку текущей строки Alt+ Home
последнюю ячейку текущей строки Alt+ End
верхнюю ячейку текущего столбца Alt+ Page Up
последнюю ячейку текущего столбца Alt+ Page Down

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

Выделение таблицы и ее элементов

Ячейку — щелкните левый край ячейки.

Строку — щелкните документ слева от строки.

Столбец — щелкните линию сетки сверху столбца.

Несколько ячеек, строк или столбцов — переместите курсор мыши при нажатой кнопке мыши через ячейки, строки или столбцы.

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

Текст в следующей ячейке — нажмите клавишу TAB.

Текст в предыдущей ячейке — нажмите клавиши SHIFT+TAB.

Таблицу целиком — щелкните маркер перемещения таблицы.

Кроме того, можно выделить строки, столбцы или таблицу целиком, если использовать команду Выделить в меню Таблица.

Вставка и удаление и столбцов, строк и ячеек таблицы

Для вставки строки или столбца в таблицу выполните следующее.

1. Установите курсор в ячейку, рядом с которой вы хотите вставить новый столбец или новую строку.

2. В меню Таблица наведите курсор на строку Вставить и в ее меню выберите нужную команду: Столбцы слева, Столбцы справа, Строки выше, Строки ниже. Вставляется по одному столбцу и по одной строке.

Для того чтобы вставить в таблицу более одной строки или более одного столбца:

1. Выделите столько ячеек, сколько строк или столбцов вы хотите вставить.

2. В меню Таблица наведите курсор на строку Вставить и в ее меню выберите нужную команду: Столбцы слева, Столбцы справа, Строки выше, Строки ниже.

Например, чтобы вставить три новые строки между второй и третьей строкой, выделите ячейки в строках 3, 4 и 5 (в любом столбце). В меню Таблица наведите курсор на строку Вставить и в ее меню выберите команду Строки выше.

Чтобы удалить содержимое ячейки, выделите ее и нажмите клавишу Delete.

Для удаления таблицы, строки, столбца или ячейки таблицы:

1. Установите курсор в любую ячейку строки или столбца, который собираетесь удалить.

2. В меню Таблица выберите команду Удалить и в ее меню щелкните по нужной строке (Таблица, Столбцы, Строки, Ячейки). Щелкните на кнопке ОК. Строка или столбец будут удалены. Столбцы, которые находились правее удаленных, и строки, которые находились ниже удаленных, автоматически займут их место.

При удалении ячейки появится диалоговое окно Удаление ячеек.

Перемещение и копирование строк и столбцов

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

1. Выделите столбец или строку, перетаскивая курсор по ячейкам строки или столбца или щелкнув в строке или столбце, а затем, выбрав Таблица – Выделить строку или Таблица – Выделить столбец.

2. Для копирования нажмите или щелкните на кнопке Копировать стандартной панели инструментов. Для перемещения нажмите клавиши или щелкните на кнопке Вырезать стандартной панели инструментов.

3. Установите курсор в новую позицию столбца или строки. Столбец или строка будет вставлен левее или выше позиции курсора.

4. Нажмите клавиши или щелкните на кнопке Вставить стандартной панели инструментов.

Изменение ширины столбца

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

· Для автоматического изменения ширины столбцов таблицы щелкните таблицу, выберите в меню Таблица команду Автоподбор, а затем – команду По содержимому.

Изменение высоты строки

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

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

Объединение нескольких ячеек таблицы в одну

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

1. Выделите ячейки, которые требуется объединить.

В меню Таблица выберите команду Объединить ячейки .

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

1. Выделите ячейки таблицы, границы которых вы хотите изменить.

2. Выберите в меню Формат команду Границы и заливка для открытия диалогового окна Границы и заливка. Если нужно, щелкните на вкладке Граница.

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

4. Щелкните на кнопке ОК.

Можно также использовать кнопку Границы на панели инструментов Форматирование.

Автоматическое форматирование таблиц

Word предлагает множество заготовленных форматов таблиц, с помощью которых легко изменить внешний вид своей таблицы.

1. Поместите курсор в любую ячейку таблицы.


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

4. Щелкайте по названиям форматов до тех пор, пока не выберете нужный.

5. Щелкните на кнопке ОК. Выбранный формат будет применен к таблице.

Вставка текста перед таблицей

Чтобы вставить текст перед таблицей, которая начинается на первой строке первой страницы документа, щелкните в левой верхней ячейке в первой строке таблицы, а затем нажмите клавишу ENTER. Если в левой верхней ячейке таблицы находится текст, поместите курсор перед текстом. Введите нужный текст.

1. Выделить блок ячеек, по которым строится диаграмма.

2. Меню Вставка-Рисунок-Диаграмма.

3. Затем происходит автоматический вход в режим редактирования диаграммы.

4. Форматируем нужные данные в диаграмме.

5. Выходим из режима редактирования диаграммы.

Форматирование данных в диаграмме

Корректируем таблицу данных, для этого в верхней строке набираем значения по оси Х, в а первом столбце — по У. При изменении данных в таблице – изменяется и диаграмма.

Тип диаграммы: Меню Диаграмма – Тип Диаграммы-Стандартные и выбираем нужный тип диаграммы.

Группировка данных: Указать, как должны быть сгруппированы данные. Пункт меню Данные-Рядыобразуют столбцы/строки.

Параметры диаграммы: Меню Диаграмма – Тип Диаграммы, затем выбираем нужную вкладку.

Вкладка Заголовки необходима для ввода названия диаграммы и названия осей.

Вкладка Легенда необходима для изменения расположения легенды или вывести/убрать ее.

Вкладка Подписи данных необходима для добавления/удаления подписей возле элементов/точек диаграммы.

Вкладка Таблицы данных добавляет/удаляет таблицу в область графика.

Форматирование осей диаграммы: С помощью контекстного меню, вызванного на соответствующей оси, можно изменить масштаб оси, размер, расположение (поворот) подписи оси.

Дата добавления: 2014-01-06 ; Просмотров: 1753 ; Нарушение авторских прав? ;

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

Генерируемое содержимое и списки

меню

Hа титульную
Что такое CSS?
Синтаксис CSS
Свойства текста
Свойства шрифта
Свойства цвета и фона
Блочная модель
Позиционирование
Визуальное форматирование
Полоса прокрутки
Фильтры
Таблицы
Списки
Аппаратно-зависимый стиль
Страничные носители
Акустический CSS
Статьи

Генерируемое содержимое и списки

С помощью этих свойств выполняется управление, как стилем элементов списков, так и установкой нумерации и маркировки. С их помощью можно сделать так, чтобы, например, список начинался с 7-го номера, и каждый следующий номер увеличивался на 2.

Определяет стиль маркеров или номеров списка.

Значение:

  • disc — маркер в виде диска (по умолчанию).
  • circle — маркер в виде окружности.
  • square — маркер в виде квадрата.
  • decimal — списки, нумерованные с помощью десятичных чисел, начиная с 1,
  • decimal-leading-zero — списки, нумерованные с помощью десятичных чисел с ведущими нулями, например 01, 02, 03 и т.д.
  • lower-roman — списки, нумерованные с помощью строчных римских цифр.
  • upper-roman — списки, нумерованные с помощью прописных римских цифр
  • hebrew — списки, нумерованные с помощью цифр иврита.
  • georgian — списки, нумерованные с помощью грузинских цифр.
  • armenian — списки, нумерованные с помощью армянских цифр.
  • сjk-ideographic — списки, нумерованные с помощью идеограмм,
  • lower-latin, lower-alpha — использование строчных ASCII-символов.
  • upper-latin, upper-alpha — использование прописных ASCII-символов.
  • lower-greek — использование строчных греческих букв.
  • hiragana — использование букв японской азбуки хирагана.
  • hiragdna-iroha — использование букв японской азбуки хирагана ироха,
  • katakana-iroha — использование буке японской азбуки катакана ироха.
  • none — нет ни маркеров ни номеров.
  • inherit — принимается значение родительского элемента.

Определяет изображение, которое будет использовано в качестве маркера списка.

Значение:

  • none — изображение, предназначенное быть маркером, не установлено (по умолчанию).
  • любой соответствующий стандарту URL — URL к изображению, предназначенному быть маркером.
  • inherit — принимается значение родительского элемента.

Определяет расстояние между маркером и текстом в списке

Значение:

  • auto — пробел устанавливается браузером (по умолчанию).
  • любая соответствующая стандартам длина — пробел между маркером и текстом.
  • inherit — принимается значение родительского элемента.

Определяет местоположение маркера элемента списка.

Значение:

  • inside — маркер внутри элемента.
  • outside — маркер вне элемента (по умолчанию).
  • inherit — принимается значение родительского элемента.

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

Значение:

  • list-style-type — вид маркера.
  • list-style-position — положение маркера.
  • list-style-image — изображение для маркера.
  • inherit — принимается значение родительского элемента.

Применяется вместе с псевдоэлементами :before (перед) и :after (после), чтобы сгенерировать содержимое. Не поддерживается IE.

Значение:

  • любая соответствующая стандартам последовательность символов — последовательность, которая должна появиться перед элементом или после него.
  • любой соответствующий стандарту URL — URL к внешнему файлу; URL должен появиться перед элементом или после него.
  • counter() — определение счетчика с именем для вставки значения, управляемого свойствами counter-increment и counter-reset.
  • open-quote, close-quote — возможность использования кавычек. Применяются вместе со свойством quotes.
  • no-open-quote, no-close-quote — отсутствие кавычек.
  • attr() — вставка значения атрибута для элемента.
  • inherit — принимается значение родительского элемента.

Определяет пары кавычек для использования на каждом уровне вложенности. Не поддерживается IE.

Значение:

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

Увеличивает значение определенного счетчика.

Значение:

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

Сброс значения определенного счетчика.

Значение:

  • none — значение счетчика не сбрасывается (по умолчанию).
  • имя счетчика и соответствующее стандартам число — идентификация счетчика и прием целого значения, которое присваивается счетчику при сбросе. Такими значениями могут быть и отрицательные целые числа.
  • inherit — принимается значение родительского элемента.

Нумерация и автоматические счетчики в CSS.

Что такое счетчики в CSS?

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

Как работают счетчики в таблицах стилей?

Контролировать нумерацию в щетчиках можно при помощи двух свойств правил counter-reset и counter-increment.

Что такое counter-increment?

Правило counter-increment служит для увеличения измерения счетчика на заданую еденицу.
LI:before <
content: counter(name) // мы присваиваем имя сщетчику
«разделитель»; // устанавливаем разделитель
counter-increment: name; // увеличиваем счетчик на единицу
>
Имя счетчика может быть произвольное(буквено-цифровым), разделитель должен быть в кавычках например «) «. По умолчанию нумрация цифрами, при не обходимости можно изменить тип(list-style-type): counter(name, list-style-type). Что касается counter-increment, значением его устанавливается имя счетчика которого нужно увеличить, сначала счетчик увеличивается а уже потом увеличивается. По умолчанию значение увеличивается на единицу, но при необходимости умолчания можно изменить и задать ноль, положительное или отрицательное число, например counter-increment: name 2; будет умеличивать счетчик на 2, т.е. не 1,2,3. , а 2, 4, 6.
Полностью рабочая сторока:
LI:before <
content: counter(item, upper-alpha) «) «;
counter-increment: item 1
>

Что такое counter-reset?

Правило counter-reset случит для сброса счетчиков.
OL //принимает в качестве значения имя счетчика, которого нужно сбросить.
По умолчанию счетчики сбрасываются до нуля, но если вам нужно чтобы у счетчика была другая точка отсщета, то это делается так:
OL //точка отсщета будет 2.
Эсли вам нужно сбросить несколько счетчиков то вот такой вариант не правильный:
OL < counter-reset: name1 0 >
OL < counter-reset: name2 4 >
OL
В этом случае сбросится только последний счетчик, потому что в данном случае происходит каскадирование(второе правило отменяет первое, а третье отменяет второе).
Чтобы сбросить все три счетчика правильное правило:
OL

Синтаксис правил для counter-reset и counter-increment

Правила для списков:
OL < counter-reset: name>
LI < display: block >
LI:before < content: counter(name, upper-alpha) ". "; counter-increment: name>
В первой строке мы создаем и сбрасываем счетчик с именем name. В второй строке мы изменяем модель тега LI. А в третей выводим на экран значение счетчика с разделителем, а потом увеличиваем его на единицу для следующего элемента.


А вы знаете как сделать картинку фоном при помощи каскадных таблиц стилей?

Счетчики. Автоматическая нумерация в CSS

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

В CSS для автоматизации процесса нумерации используются счетчики.

Для начала приведем простой пример. Затем посложнее — создадим вложенный список с автоматизированной нумерацией его пунктов и подпунктов.

Идентификация счетчика

Сначала необходимо идентифицировать счетчик.

С помощью свойства counter-reset счетчику присваивается имя и начальное значение. Имя может быть любым, но не может начинаться с цифры.

Эта запись говорит о том, что для тега установлен счетчик с именем number и начальным значением 3 .

По умолчанию начальное значение счетчика равно 0 .

Приращение счетчика

Далее необходимо определить элемент, который будет нумероваться.

Для этого служит свойство counter-increment . Также оно используется для задания приращений счетчика — числа, на которое будет увеличиваться значение счетчика.

Этот фрагмент кода говорит о том, что абзацы (тег

) в теле документа будут нумероваться счетчиком number с приращением равным 3 .

Первый абзац будет под номером 6 , так как начальное значение счетчика 3 и его приращение равно 3 .

По умолчанию значение приращений счетчика равно 1 .

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

Отображение счетчика

Теперь необходимо вывести значение счетчика и задать правила его расположения. Это делается с помощью свойства content и псевдоэлементов before и after .

Свойство content вставляет содержимое до ( before) или после ( after ) указанного элемента.

Итак, к предыдущему фрагменту кода мы добавили свойство content , которое выводит слово «равно» , затем значение счетчика number и точку «.» . Все это вставляется на страницу после содержимого абзаца (тега

), о чем говорит псевдоэлемент after .

В итоге.

Ниже представлен описанный пример.

Автоматическая нумерация в CSS

Генерируемое содержимое, автоматическая нумерация и списки

При работе с web-документами нередко возникает необходимость в том, чтобы на экране отображалось содержимое, не принадлежащее самому документу. Пожалуй, наиболее типичным примером такой ситуации является нумерованный список: когда числа, которыми пронумерованы элементы списка OL не задаются явным образом, а автоматически генерируются браузером во время загрузки. Это – хорошо известный пример, знакомый нам еще по языку HTML. Еще один пример (правда, до недавних пор менее очевидный из-за того, что не он поддерживается MSIE6/7) – это элемент Q, который «обрамляет» цитату в кавычки. В этом случае как раз кавычки я являются генерируемым содержимым, поскольку в исходном документе их нет.

ВНИМАНИЕ
Обратите внимание на то, что генерируемое содержимое не изменяет дерева документа, поскольку в нем находятся только те элементы, что были определены разработчиком страницы явно (присутствуют в его исходном тексте).

Однако если в XHTML только парой элементов все и ограничивается, то при помощи CSS 2 можно добиться гораздо большего. Например, у вас может возникнуть желание, чтобы браузер вставлял слово «Рисунок» перед названием рисунка или строку «Глава № N» перед заголовком N-ой главы. И используя средства, предоставляемые CSS уровня 2, этого можно добиться.

Единственное условие – это поддержка со стороны браузера, и как раз тут начинается главная проблема: генерируемое содержимое (за исключением списков) вообще не поддерживается MSIE до 8-й версии и сравнительно слабо реализовано в ранних версиях Firefox. Тут следует отметить браузер Opera, и на примере именно этой программы просмотра мы будем рассматривать ряд возможностей CSS 2, относящиеся к генерации содержимого и автонумерации. Впрочем, новые версии MSIE и Firefox, а так же браузер Chrome, поддерживают все эти возможности, основываясь на спецификациях CSS 2.1.

Вставки

Еще в начале нашего знакомства с каскадными таблицами стилей мы познакомились с такими конструкциями CSS 2, как псевдоэлементы :before и :after, используемыми для вставки определенного содержимого перед и после собственного содержимого элемента. В классическом варианте это является наиболее простым вариантом генерируемого содержимого: создается селектор, в котором указывается какая-либо строка для вставки:

Таким образом, любой элемент P класса note будет выводиться со словом «Примечание» с двоеточием – в начале и с многоточием – после собственного текста. Давайте рассмотрим этот вариант подробнее, заодно применив ряд уже изученных свойств CSS, для чего обратимся к листингу 3.12.

Листинг 3.12. Название листинга

Вставки до и после

Это — простой абзац текста

А это — весьма и весьма ценное и при этом чрезвычайно интересное и, пожалуй, даже несколько многозначительное примечание

Нумерованные и маркированные списки в HTML

Списки встречаются везде. Они используются для:

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

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

Маркированные списки (или ненумерованные списки)

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

Ненумерованные списки — тег

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

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

Атрибут type

Атрибут type определяет, какой тип маркера вы увидите на странице. Хотя с помощью CSS можно задать широкий диапазон стилей маркеров, и даже использовать собственное изображение, но лучше придерживаться основных типов ( в том числе и в нумерованном списке HTML ):

Элементы списка — тег

Каждый элемент в списке обворачивают в отдельную пару тегов

  • . Часто можно обойтись и без
  • , но я бы рекомендовал придерживаться этого правила.

    Приведенный выше список помещен в отдельный тег

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

    Отступ маркированного списка

    Перед тем, как к списку будет применен любой стиль CSS , HTML ( а точнее браузер ) применяет к нему отступы, поэтому он отличается от обычного абзаца с тегом

    Упорядоченный / нумерованный список — тег

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

      поможет в этом. По умолчанию он задает нумерованный список HTML :


    что на выходе дает нам:

    A. Элемент 1
    B. Элемент 2
    C. Элемент 3

    Атрибут type дает возможность использовать еще несколько дополнительных вариантов оформления нумерованных списков по сравнению с маркированными.

    Начало нумерованного списка с определенного номера

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

    Проблема заключается в том, что по умолчанию каждый список начинается с номера 1 ( или буквы А ). Это бы внесло неразбериху в ваше руководство!

    К счастью, в HTML есть свойство start , которое позволяет начать нумерацию с указанного номера:

    Что дает нам следующее:
    4. Шаг четыре
    5. Шаг пять
    6. Шаг шесть

    Обратный порядок

    Если вы хотите вывести номера ( или буквы ) в обратном порядке, то это можно сделать, добавив в тег нумерованного списка в HTML ключевое слово reversed :

    В результате список будет выглядеть следующим образом:
    5. Пятый пункт.
    4. Четвертый пункт.
    3. Третий пункт.
    2. Второй пункт.
    1. Первый пункт.

    Многоуровневый маркированный список в HTML

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

    • Элемент верхнего уровня
    o Подчиненный элемент 1
    o Подчиненный элемент 2
    • Элемент верхнего уровня

    Вы можете использовать комбинацию тегов

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

    1. Элемент верхнего уровня
    o Подчиненный элемент 1
    o Подчиненный элемент 2
    2. Элемент верхнего уровня

    Используйте нумерованные списки HTML на своих страницах.

    Заключение

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

    Данная публикация представляет собой перевод статьи « Numbered and Bullet Point Lists in HTML » , подготовленной дружной командой проекта Интернет-технологии.ру

    Некоторые рекомендации по организации автонумерации при написании научных статей и диссертаций средствами Microsoft Word

    – А ларчик просто открывался.
    И.А. Крылов

    О чём эта статья

    В настоящей работе описываются способы автоматической организации нумерованных объектов при написании статей, рефератов, докладов, диссертаций и пр. При написании подобного рода материалов неизбежно возникает необходимость нумеровать те или иные объекты, например, формулы или пункты в списке используемой литературы. При этом многие авторы пользуются при написании текстовым редактором Microsoft Word.
    В случае тривиальной «ручной» организации, при которой каждый номер прописывается непосредственно руками (обычно, в самом конце, когда текст полностью готов), автор работы может ошибиться в каком-либо номере, и все дальнейшие номера окажутся неверными. Более того, после рецензии те или иные части работы могут быть вставлены в текст или убраны из него. Последнее, зачастую, требует полной перенумерации объектов в документе. Таким образом, цель настоящей статьи состоит в доведении до читателя способов автоматической организации нумерации объектов, позволяющих избежать вышеописанные ситуации.
    Предупреждение: в данную статью вошли лишь те приёмы, с которыми автор столкнулся при написании кандидатской диссертации. Описываемые способы организации нумерованных объектов не претендуют на единственность, полноту и оптимальность. Имеются другие интересные способы, например, в TeX. Несомненно, читатель сможет найти и иные способы достижения сформулированной цели. В любом случае, ознакомиться с подходами автора (хотя бы на досуге) следует любому заинтересованному читателю.

    Основы работы с полями MS Word

    В данном разделе описываются основные поля текстового редактора MS Word, необходимые для организации списков и ссылок на них, а также методы работы с ними.
    Поле MS Word – это объект, принимающий то или иное значение в зависимости от ключевых слов и параметров этого поля. Для вставки поля в текст необходимо нажать сочетание клавиш Ctrl + F9 или выбрать соответствующее меню на ленте.

    После вставки поля в тексте появятся серые фигурные скобки .

    Отличить поля в тексте очень легко – достаточно выделить нужный блок текста. Все поля в выделенном фрагменте будут подсвечены серым цветом.

    После того, как поле вставлено в текст, необходимо задать значение этого поля. Для задания значения тому или иному полю необходимо написать определённые ключевые слова, рассмотренные в разделе 2, внутри поля. После задания полю значения необходимо выделить блок текста, содержащий это поле, и нажать F9. Если в выделенном фрагменте окажутся несколько полей, то все они будут обновлены. Для обновления полей во всём документе необходимо выделить всё (Ctrl + a) и нажать F9. Обновить поле можно также с помощью нажатия на соответствующий пункт контекстного меню.
    NB! Бывает, что все поля необходимо обновить два раза: первое обновление переупорядочит списки, а второе – расставит нужные значения ссылок.
    Значение того или иного поля может быть изменено в любой момент. Для этого необходимо лишь выделить поле (или фрагмент текста, содержащий поля) и выбрать пункт «Коды/значения полей» контекстного меню.

    Основные поля MS Word, необходимые для автоматической организации нумерованных объектов

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

    После обновления данного поля на его место будет вставлен текст закладки. Ключ «\h» используется для задания гиперссылки на закладку. При нажатии на гиперссылку пользователь будет перемещён в место, заданное ссылкой. Ключ «\* MERGEFORMAT» сбрасывает формат текста исходной ссылки, преобразуя его в формат текущей части текста.

    PAGEREF

    Поле PAGEREF работает так же, как и поле REF, за тем исключением, что текстом ссылки является номер страницы, на котором находится соответствующий объект, а не номер объекта.

    Организация автоматической нумерации в документах

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

    Нумерация в названиях глав и разделов

    Для названия глав и разделов можно воспользоваться стилями MS Word, после чего вставить автооглавление. Тем не менее, если вторая глава вдруг станет третьей или раздел 2.2 станет разделом 2.3, то перенумерация большого числа формул, таблиц и рисунков окажется хлопотным делом. Особые трудности вызовет перенумерация списка литературы, организованного в порядке появления. Чтобы избежать вышеописанного, рекомендуется задать каждой главе уникальное имя (исходя, вероятно, из её смысла). Кроме того, для глав необходимо определить уникальную переменную – имя поля SEQ. Например, именем настоящей главы может быть CHAP_USING_FIELDS, а переменная-счётчик глав – CHAP.

    После определения того, как именовать и нумеровать главы, в заголовке пишется следующая (одна из следующих) строка:

    1. . Организация автоматической нумерации в документах
    2. < SEQ CHAP \h >< SET CHAP_USING_FIELDS “< SEQ CHAP \c >”> . Организация автоматической нумерации в документах

    Разберём эти строки подробнее. Первая строка приводит к тому, что значение переменной CHAP увеличивается на единицу. После обновления поля, на его месте появится текущий номер главы. Такой способ нумерации подходит для объектов, ссылка на которые не планируется в тексте (например, для промежуточных формул). Если же требуется ссылка на объект, то необходимо использовать вторую конструкцию. В ней первое поле увеличивает значение переменной CHAP без вывода на экран, второе поле устанавливает закладку с именем CHAP_USING_FIELDS, задавая ей текст третьего поля – текущего значения (уже увеличенной на 1) переменной CHAP, а четвёртое поле выводит в данном месте текущее значение (уже увеличенной на 1) переменной CHAP. Следует обратить внимание на то, что третье поле вложено во второе поле. Такая конструкция используется потому, что нет чёткого понимания, какое поле обновится раньше и в каком случае – вложенное или идущее после, если бы только у одного из них был ключ «\c». Опыт показал, что увеличение переменной в фоновом режиме и использование текущего значения приводит к желаемому результату. На этом приёме и построены все дальнейшие рассуждения.

    Для нумерации разделов внутри главы необходимо задать переменную (уникальную для каждой главы, иначе в следующей главе разделы начнутся с номера n+1), а для каждого раздела необходимо определить уникальное имя.

    После обновления ссылок этот фрагмент текста превратится в
    3. Организация автоматической нумерации в документах
    3.1. Использование REF

    В данном примере используется второй приём, описанный в нумерации глав, только теперь вложенными и идущими после оказываются два поля. Первое поле в фоновом режиме обновляет соответствующую переменную, определённую под разделы данной главы, поля 2-4 < SET SUBCHAP_USING_REF “< SEQ CHAP \c >.< SEQ SUBCHAP_FIELDS \c >”> задают ссылку со значением «ТЕКУЩАЯ ГЛАВА.ТЕКУЩИЙ РАЗДЕЛ», а поля 5-6 < SEQ CHAP \c >. вставляют в данное место документа значение «ТЕКУЩАЯ ГЛАВА.ТЕКУЩИЙ РАЗДЕЛ».
    Следует ещё раз повторить, что для каждой главы и раздела (подглавы, параграфа) необходимо определить свои уникальные имена для задания ссылок на них, если это необходимо.

    Автосодержание

    Средства MS Word позволяют организовать автосодержание, однако рекомендуется использовать поля REF для задания ссылок на номера глав и поля PAGEREF для ссылок на страницы. Располагать их лучше в таблицах со скрытыми границами размера Nx3, где N — число элементов в автосодержании: разделы, подразделы и пр. В первом столбце будут содержаться номера пунктов, получаемые из полей REF. Во втором столбце будут содержаться имена элементов. (Увы и ах! Их придётся записать руками). В третьем столбце будут содержаться номера страниц, на которых находится соответствующее поле SET. Получение значений производится через PAGEREF.

    Нумерация формул

    Здесь (3.5) – это значение поля, которое в исходных кодах записывается следующим образом:
    (< SEQ FN_CHAP_FIELDS \h >< SET FN_AX2_BX_C “< SEQ CHAP \c >.< SEQ FN_CHAP_FIELDS \c >”>< SEQ CHAP \c >. )
    Здесь FN_CHAP_FIELDS – имя переменной для нумерации формул текущей главы, < SEQ CHAP \c >. – номер соответствующей формулы.

    NB! При конвертации документа в pdf формулы часто отображаются неверно. В финальной версии диссертации автор заменил все формулы соответствующими рисунками через старый-добрый PrintScreen – MS Paint.

    Нумерация таблиц и рисунков

    Нумерация таблиц и рисунков делается так же, как и нумерация формул. Разница лишь в том, что соответствующим объектам лучше давать иные имена и придумывать для них другие переменные-счётчики, например, PIC_CHAP2, TABLE_BETTER_NPV и т.д.

    Приведём пару примеров.

    Таблица < SEQ TAB_CH2 \h >< SET TAB_CH2_SHOPS “< SEQ CHAP \c >.< SEQ TAB_CH2 \c >”>< SEQ CHAP \c >. . Сравнение склад/рынок по магазинам.
    Магазин 1 Магазин 2
    Склад 100 180
    Рынок 16 29

    Здесь TAB_CH2 – переменная-счётчик таблиц второй главы, TAB_CH2_SHOPS – выбранное автором имя для данной таблицы. Пусть данная глава имеет номер 3, и в ней уже было 3 таблицы. Тогда данная формула, как несложно показать, будет преобразована в следующий текст:

    Таблица 3.4. Сравнение склад/рынок по магазинам.
    Магазин 1 Магазин 2
    Склад 100 180
    Рынок 16 29

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

    Аналогично таблицам, здесь PIC_CH2 – переменная-счётчик рисунков второй главы. Опять же, очевидно, что в результате будет получено нечто подобное:

    Рисунок 3.10. Экспонента, косинус и синус.

    Организация списка используемой литературы

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


    Оформление списка используемой литературы в алфавитном порядке в конце документа

    < SEQ LIT \h >< SET lit_CHR2011 “< SEQ LIT \c >”> . Christofides N. Graph Theory: An Algorithmic Approach. Academic Press Inc., London, 1975. – 400 p.
    < SEQ LIT \h >< SET lit_CHVATAL1983 “< SEQ LIT \c >”> . Chvatal V. Linear Programming. W. H. Freeman and Company, 1983. – 425 p.
    < SEQ LIT \h >< SET lit_ERL1978 “< SEQ LIT \c >”> . Erlenkotter D. A Dual-Based Procedure for Uncapacitated Facility Location. J. Operations Research, 26, 1978. – pp. 992-1009.

    Нетрудно показать, что данный список преобразуется в
    15. Christofides N. Graph Theory: An Algorithmic Approach. Academic Press Inc., London, 1975. – 400 p.
    16. Chvatal V. Linear Programming. W. H. Freeman and Company, 1983. – 425 p.
    17. Erlenkotter D. A Dual-Based Procedure for Uncapacitated Facility Location. J. Operations Research, 26, 1978. – pp. 992-1009.

    Если между авторами Chvatal [16] и Erlenkotter [17] нужно вставить какую-либо работу, то всё, что требуется сделать, это добавить пустую строку, скопировать в неё уже имеющийся пункт литературы (например, Chvatal [16]), заменить уникальное имя работы, заменить текстовое описание работы и дважды обновить весь документ.

    Оформление ссылок на элементы списка используемой литературы в тексте

    Из решения классической задачи транспортного типа [ ] следует, что любой базис такой задачи содержит ровно m+s-1 элементов. Из теоремы Данцига [ ] следует, что все элементы базиса в сформулированной задаче будут являться либо нулями, либо натуральными числами.

    После двукратного обновления документа, данный фрагмент текста примет следующий вид:

    Из решения классической задачи транспортного типа [26] следует, что любой базис такой задачи содержит ровно m+s-1 элементов. Из теоремы Данцига [16] следует, что все элементы базиса в сформулированной задаче будут являться либо нулями, либо натуральными числами.

    Оформление списка используемой литературы в порядке появления в тексте

    Если предыдущий метод оказался понятен, то оформление списка литературы в порядке появления также не составит особого труда. Ссылки, задававшиеся в конце, теперь надо размещать непосредственно в тексте. Если данный источник встретился впервые, то указать конструкцию вида [< SEQ LIT \h >< SET lit_ERL1978 “< SEQ LIT \c >”> , стр. 18]. Если данный источник уже встречался ранее, то указать конструкцию вида [ , стр. 95]. В сам список, разумеется, нужно помещать поля – ссылки на появления источников в тексте. Вся трудность заключается в ручной расстановке полных названий источников. Однако если где-то в тексте произойдут изменения в порядке появления ссылок, то (после двукратного обновления) это сразу отразится на порядке в списке литературы, что может быть быстро исправлено вырезанием и вставкой. Дополнительный плюс: проверка порядка следования источников в данном случае является «контрольной суммой». Ошибки в порядке следования либо отсутствуют, либо, если таковые будут иметь место, очевидны.

    Выгрузка документа в формат pdf с сохранением ссылок

    Ну вот, пожалуй, и финал данной истории. Документ готов. Можно заняться его распространением, но не хочется отдавать оригинал. Имеются два способа. Первый состоит в замене ссылок их значениями средствами MS Office. Достигается это нажатием Ctrl+Shift+F9, однако автор крайне не рекомендует так делать.

    Куда более интересной является выгрузка документа в формат pdf. При выгрузке можно заменить поля значениями, разбив тем самым ссылки на объекты, или оставить их. Преимущество второго случая (зачем всё это вообще делалось) состоит в том, что при чтении текста читатель может нажать на ту или иную ссылку для перемещения к нужной формуле, таблице, рисунку или элементу списка литературы. Включить или выключить данную опцию можно при сохранении в pdf: Create bookmarks using: Word bookmarks.

    Нумерация и автоматические счетчики в CSS.

    Что такое счетчики в CSS?

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

    Как работают счетчики в таблицах стилей?

    Контролировать нумерацию в щетчиках можно при помощи двух свойств правил counter-reset и counter-increment.

    Что такое counter-increment?

    Правило counter-increment служит для увеличения измерения счетчика на заданую еденицу.
    LI:before <
    content: counter(name) // мы присваиваем имя сщетчику
    «разделитель»; // устанавливаем разделитель
    counter-increment: name; // увеличиваем счетчик на единицу
    >
    Имя счетчика может быть произвольное(буквено-цифровым), разделитель должен быть в кавычках например «) «. По умолчанию нумрация цифрами, при не обходимости можно изменить тип(list-style-type): counter(name, list-style-type). Что касается counter-increment, значением его устанавливается имя счетчика которого нужно увеличить, сначала счетчик увеличивается а уже потом увеличивается. По умолчанию значение увеличивается на единицу, но при необходимости умолчания можно изменить и задать ноль, положительное или отрицательное число, например counter-increment: name 2; будет умеличивать счетчик на 2, т.е. не 1,2,3. , а 2, 4, 6.
    Полностью рабочая сторока:
    LI:before <
    content: counter(item, upper-alpha) «) «;
    counter-increment: item 1
    >

    Что такое counter-reset?

    Правило counter-reset случит для сброса счетчиков.
    OL //принимает в качестве значения имя счетчика, которого нужно сбросить.
    По умолчанию счетчики сбрасываются до нуля, но если вам нужно чтобы у счетчика была другая точка отсщета, то это делается так:
    OL //точка отсщета будет 2.
    Эсли вам нужно сбросить несколько счетчиков то вот такой вариант не правильный:
    OL < counter-reset: name1 0 >
    OL < counter-reset: name2 4 >
    OL
    В этом случае сбросится только последний счетчик, потому что в данном случае происходит каскадирование(второе правило отменяет первое, а третье отменяет второе).
    Чтобы сбросить все три счетчика правильное правило:
    OL

    Синтаксис правил для counter-reset и counter-increment

    Правила для списков:
    OL < counter-reset: name>
    LI < display: block >
    LI:before < content: counter(name, upper-alpha) ". "; counter-increment: name>
    В первой строке мы создаем и сбрасываем счетчик с именем name. В второй строке мы изменяем модель тега LI. А в третей выводим на экран значение счетчика с разделителем, а потом увеличиваем его на единицу для следующего элемента.

  • Информация:

    А вы знаете как сделать картинку фоном при помощи каскадных таблиц стилей?

    Автонумерация

    В данном разделе рассматриваются особенности работы механизма автонумерации на примере справочника.

    Что такое автонумерация и зачем она нужна?

    Автоматическая нумерация элементов справочников позволяет устанавливать во вновь создаваемых элементах уникальные коды. При этом создаваемые коды элементов последовательно увеличиваются.

    Формирование нового уникального кода справочника зависит от того, как у справочника настроены серии кодов:

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

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

    Рассмотрим пример. Пусть есть справочник: иерархический, иерархия элементов, серии кодов — в пределах подчинения, автонумерация — включена.

    Добавим в справочник первый элемент:

    На рисунке видно, что автоматическая нумерация элементов справочника началась с 000001.

    Добавим в справочник второй элемент:

    Добавим в него еще один элемент, который будет дочерним для второго элемента:

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

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

    Обеспечить правильную сортировку, например, документов по их номеру без использования лидирующих нулей невозможно. Например, пусть у нас есть документы со строковыми номерами «Док11» и «Док3». В этом случае документ с номером «Док3» будет идти после документа с номером «Док11», что неправильно.

    Работа с префиксом кода справочника в процессе автонумерации

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

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

    • — признак выполнения стандартной (системной) обработки события. Если в теле процедуры-обработчика установить данному параметру значение Ложь, стандартная генерация нового кода производиться не будет;
    • — префикс, который будет использоваться для генерации кода.

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

    // Процедура обработчик события ПриУстановкеНовогоКода
    // Подменяет префикс кода на предопределенный для данной ИБ
    //
    Процедура ПриУстановкеНовогоКода(СтандартнаяОбработка, Префикс)

    КонецПроцедуры // ПриУстановкеНовогоКода(СтандартнаяОбработка, Префикс)

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

    // Выдает префикс нового номера
    //
    // Возвращаемое значение:
    // Строка – Префикс нового номера
    //
    Функция ПолучитьПрефиксНомера() Экспорт

    Наряду с использованием обработчика события При установке нового кода можно использовать метод объекта справочника УстановитьНовыйКод() . В параметре метода может быть передан нужный префикс — в этом случае среди кодов, имеющих данный префикс, будет найден максимальный, и новый код будет установлен как следующий от найденного максимального. Если префикс опущен — будет найден имеющийся максимальный код и новый код будет получен за счет увеличения правой числовой части найденного максимального. Нечисловая часть будет оставлена без изменений.

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

    Поддержка автонумерации другими объектами метаданных

    Кроме справочника, автонумерацию поддерживают следующие объекты метаданных:

    • Документ;
    • План видов характеристик;
    • Бизнес-процесс;
    • Задача.

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

    Для плана видов характеристик установку нового кода можно обработать в обработчике события При установке нового кода .

    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL
    Информация: