.xlsx изнутри. Разбор структуры файлов. Разбор каждого .xml файла
Недавно мне понадобилось встроить в CRM возможность создания отчетов в Excel посредством PHP, но готовые решения были сильно громоздкими. Поэтому я решил написать собственную библиотеку для работы с Excel файлами через PHP. Но информации о внутренности Excel было очень мало и мне пришлось собирать ее по крупинкам, иногда методами тыка, проб и ошибок разбирал работу некоторых элементов.
На написание данной статьи меня натолкнули уже существующие статьи от @Lachrimae.
Но дополнять ее в комментариях — очень громоздко и неудобно. Поэтому я решил поделиться всеми свои знаниями в новой статье, и если это поможет кому-то, то мои старания будут более, чем не напрасны.
Оглавление:
Структура файлов;
Разбор файла _rels/.rels;
Разбор docProps/app.xml;
Разбор docProps/core.xml;
Разбор xl/_rels/workbook.xml.rels;
Разбор xl/printerSettings/printerSettings1.bin;
Разбор xl/theme/theme1.xml;
Разбор xl/worksheets/_rels/sheet1.xml.rels;
Разбор xl/worksheets/sheet1.xml;
Разбор xl/caclChain.xml;
Разбор xl/sharedStrings.xml;
Разбор xl/styles.xml;
Разбор xl/workbook.xml;
Разбор [Content_Types].xml;
Завершение.
Структура файлов
Так как Excel — это архив файлов .xml, то мы можем его распаковать и увидеть следующее содержание:
Дерево файлов и подкаталогов
Некоторые файлы могут отсутствовать, такие как: xl/worksheets/_rels/sheet.xml.rels, xl/calcChain.xml, xl/printerSettings/printerSettings1.bin и sharedString.xml
В папках xl/worksheets, xl/printerSettings и xl/worksheets/_rels могут быть по несколько файлов.
Давайте разберёмся, для чего все эти файлы, начнём по порядку:
_rels/.rels — описание связей файлов, касаемых самой работы Excel;
docProps/app.xml — описание и настройки приложения Excel;
docProps/core.xml — здесь записывается имя создателя файла, время создания и последнего редактирования файла;
xl/_rels/workbook.xml.rels — перечень и описание зависимостей файлов, используемых в книге;
xl/printerSettings/printerSettings1.bin — описание настроек для печати листа;
xl/theme/theme1.xml — описание стилей приложения'
xl/worksheets/_rels/sheet1.xml.rels — описание связей листа xl/worksheets/sheet1.xml с другими документами;
xl/worksheets/sheet1.xml — описание всего происходящего на листе, который находится на первой позиции в списке листов книги. Называние листа и название файла никак не связаны, файл всегда называется sheet1, sheet2 и т.д. На каждый лист приходится один такой файл;
xl/caclChain.xml — цепочка вычислений. Конструкция, указывающая порядок вычислений ячеек в книге в последний раз;
xl/sharedStrings.xml — перечень строковых значений, используемых во всей книге;
xl/styles.xml — описание стилей, используемых во всей книге;
xl/workbook.xml — описание настроек книги и перечень используемых листов;
[Content_Types].xml — описание всех файлов и их типов.
Разбор файла _rels/.rels
Если открыть файл — мы увидим следующее содержание:
В первой строке у нас объявляется тип документа — xml с его версией, кодировкой и автономности.
standalone (автономность) — Это объявление указывает, содержит ли внешнее подмножество DTD (Document Type Definition — определение типа документа) какие-либо объявления, которые могут повлиять на текущее содержимое документа.
Вторая строчка — открывающий тег для описания связей документов. Атрибут xmlns — означает, что используется пространство имен, от сюда и название самого атрибута — xml NameSpace.
Далее идут 3 строки связей с документами. У каждого есть атрибуты: Id — уникальное имя для связи, Type — ссылка на стандарт, описывающий нужный нам тип документа, Target — путь к исполняемому файлу.
Разбор docProps/app.xml
Содержимое данного файла примерно такая (не все элементы могут присутствовать и иметь тот же вид, что и у меня):
Microsoft Excel
0
false
Worksheets
1
Лист 1
false
false
false
14.0300
Первая строка нам уже знакома.
Во второй строке открывающий тег properties и эта строка похожа на рассмотренную нами ранее.
Третья строка содержит название приложения. В данном случае — Microsoft Excel (что не удивительно). Данную строку лучше не изменять, ибо приложение упадет.
Следующая строка:
0
Означает безопасность документа и в зависимости от числа имеет следующий посыл:
0 — Документ не защищен
1 — Документ защищен паролем.
2 — Рекомендуется открывать документ только для чтения.
4 — Документ принудительно открыт только для чтения.
8 — Документ заблокирован для заметок.
Строка:
false
указывает режим отображения эскиза документа. Установите для этого элемента значение TRUE, чтобы включить масштабирование эскиза документа на экране. Установите для этого элемента значение FALSE, чтобы включить обрезку эскиза документа, чтобы отображались только те разделы, которые соответствуют отображаемому значению (из документации microsoft).
Далее открывается тег HeadeingPairs, внутри которого описаны группы частей документа и количество частей в каждой группе. Эти части являются не частями документа, а концептуальными представлениями разделов документа.
Внутри HeadingPairs мы имеем 1 векторный контент, в котором имеются 2 его части (подробнее о векторах и baseType можно почитать в документации microsoft).
Первая часть означает, что мы описываем листы в книге, а во второй части указываем количество этих листов.
Следующий тег — TitlesOfParts. Он описывает наименования частей документа. в данном случае — названия листов в книге. Здесь также указывается количество частей векторного контента.
В теге Company можно записать название компании.
Следующий элемент — LinksUpToDate — указывает, актуальны ли гиперссылки в документе. Установите для этого элемента значение TRUE, чтобы показать, что гиперссылки обновлены. Установите для этого элемента значение FALSE, чтобы указать, что гиперссылки устарели (из документации microsoft).
Элемент SharedDoc указывает, является ли этот документ в настоящее время общим для нескольких производителей. Если для этого элемента установлено значение TRUE, производителям следует проявлять осторожность при обновлении документа.
HyperlinksChanged указывает, что одна или несколько гиперссылок в этой части были обновлены исключительно в этой части производителем. Следующий производитель, который откроет этот документ, обновит отношения гиперссылок новыми гиперссылками, указанными в этой части.
Тег AppVersion указывает версию используемого приложения Excel при создании файла
Разбор docProps/core.xml
Содержимое файла примерно такова:
Виктор
2006-09-16T00:00:00Z
2006-09-16T00:00:00Z
Первая строка нам уже знакома.
Во второй строке открывающий тег cp: coreProperties и эта строка похожа на рассмотренную нами ранее. Внутри него описываются свойства приложения:
dc: creator — Имя создателя документа;
dcterms: created — дата и время создания файла;
dcterms: modified — дата и время последнего изменения файла;
Разбор xl/_rels/workbook.xml.rels
Примерное содержимое файла:
Этот файл похож на раннее рассмотренный нами, только здесь уже описываются зависимости для файлов, которые используются непосредственно в книге.
Здесь записаны зависимости всех листов в книге, файла со строковыми значениями, цепочками вычислений и прочих файлов (мы разберем эти файлы дальше)
Разбор xl/printerSettings/printerSettings1.bin
Это файл, содержащий код в бинарном виде. Чтобы разобрать этот файл нужно описать много вещей про бинарники, а, чтобы научить писать правильно такой файл, потребуется много сил, времени и много текста.Да и в целом не вижу смысла вам работать с этим файлом. (честно говоря, я сам поверхностно знаком с этой темой).
Разбор xl/theme/theme1.xml
У меня не было надобностей разбирать этот файл, поэтому пока не буду описывать его работу. Но если кому-то понадобится (не знаю зачем) подробный разбор этого файла — я постараюсь сделать это.
Разбор xl/worksheets/_rels/sheet1.xml.rels
Содержимое этого файла может быть следующим:
Здесь описана одна зависимость с файлом xl/printerSettings/printerSettings1.bin — настройками для печати.
Разбор xl/worksheets/sheet1.xml
Начинается самое интересное и большое в этой статье.
Начинается такой файл с обычного объявления типа документа xml и некоторых настроек:
Строка третья означает размер экспортируемого диапазона (с какой по какую ячейку находятся данные).
В теге sheetView — selection описывается выделенная клетка (или диапазон клеток).
Атрибут activeCell — активная ячейка, sqref — выделенная ячейка или диапазон ячеек.
такая строка может выглядеть и вот так:
Здесь уже вместо атрибута activeCell стоит activeCellId, потому что в атрибуте sqref мы видим несколько диапазонов. исходя из этого выясняем, что активный диапазон является A1: C3. на изображении ниже показано, как выглядит такой вариант выделения ячеек.
Выделенные ячейки
Про тег pane, sheetFormatPr и cols хорошо рассказано в статье от @Lachrimae:
Собственно, закрепление строки — тег
. И вот какие здесь использованы атрибуты: ySplit — показывает количество закрепленных строк. Для закрепления столбцов есть аналогичный атрибут xSplit;
topLeftCell — указание левой верхней ячейки, видимой по умолчанию НЕзакрепленной области;
activePane — указание местонахождения НЕзакрепленной области. В руководствах сказано, что этот атрибут регулирует, с какой стороны будет НЕзакрепленная область. Правда, попробовав разные значения, я почему-то получил одинаковый результат. Как вариант »by default» я для себя выбрал bottomRight;
state — указатель состояния закрепленной области. Для простого закрепления строки используется значение frozen
Тег
. Пример:
Интересен нам здесь в основном атрибут defaultRowHeight, то есть высота столбца по умолчанию. Стандартный, привычный нам вариант — 15 у.е. Если назначить его, скажем, 30 у.е., то строки, для которых высота не указана отдельно, станут в 2 раза выше. Однако, для того чтоб применить значение, отличное от дефолтного, необходимо указать атрибут customHeight со значением »true». Выглядит это примерно так:
Тег . Помогает установить ширину столбцов отличную от дефолтной. В заполненном виде выглядит примерно так:
Вложенные теги обозначают не каждый один столбец, как могло показаться, а группу столбцов, идущих подряд и имеющих единую ширину.
Атрибут min — первый столбец группы;
Атрибут max — последний столбец группы;
Атрибут width — ширина столбца из группы;
Атрибут customWidth — флаг применения кастомной ширины, без него ширина все равно будет дефолтной;
Тег sheetData — описание содержимого ячеек и их настроек.
здесь структура такова:
1
0
1
2
1
2
SUM(A1:E1)
2
В Excel это будет выглядеть вот так:
Ячейки с данными
Давайте разбираться, что же все-таки в коде происходит.
Мы видим два тега row — это наши строки. У каждой есть атрибут r — это номер строки. Атрибут spans означает сколько столбцов задействовано, dyDescent — вертикальное расстояние в пикселях между ячейками. Атрибут ht устанавливает высоту всей строки в пунктах, а тег customHeight говорит, что мы используем нестандартную высоту строки.
В теге row есть теги c — это ячейки в строке. у каждого тега есть атрибут r — означающий позицию ячейки. Но атрибут t — присутствует не у всех, потому что запись t=«s» — означает, что у ячейки установлен тип строки, а у кого этого атрибута нет — тип устанавливается стандартный — числовой. Еще у тегов c может присутствовать атрибут s, в котором записывается номер применяемого к ячейке стиля из файла xl/styles.xml (мы доберемся до него позже).
Внутри тегов c есть теги v — это наши значения, записываемые в ячейки. Но не все так просто. Те значения, которые находятся в теге c без атрибута t — те значения записываются без изменений, т.е. записывается в ячейку само число из тега v, а вот те значения, которые находятся в теге c с атрибутом t — уже обрабатываются по-другому: в теге v записан порядковый номер строки в файле xl/sharedStrings.xml (мы доберемся до него позже). В ячейку уже записывается строка, которая имеет порядковый номер, записанный в теге v.
Но мы можем заметить, что одна ячейка имеет помимо тега v еще тег f. Это тег с формулой, в данном случае формула означает: сумма ячеек от A1 до E1. А в теге v записан уже посчитанный ответ. Делать это не обязательно, но если не записать — то при открытии документа excel предложит сохранить изменения, т.к. он сам автоматически посчитал и записал этот результат.
С тегом sheetData разобрались, идем дальше.
Про теги mergeCells и autoFilter снова обратимся к статье от @Lachrimae:
Тег
. Как мы знаем, в Excel есть возможность объединения ячеек. Все объединенные ячейки на листе перечислены здесь. В заполненном виде тег выглядит примерно так:
Как видно, одна объединенная ячейка обозначена одним тегом
с единственным атрибутом ref, задающим диапазон объединения.
Тег
. Фильтры, которые так любят видеть в отчетах наши пользователи. В заполненном виде тег выглядит так:
Нетрудно понять, что атрибут ref задает зону, занимаемую активными ячейками фильтров.
Тег printOptions — параметры печати. Атрибут headings — означает, что будут печататься заголовки, а атрибут gridLines — что будут печататься линии сетки.
Тег pageMargins задает поля сверху, снизу, справа, слева, у заголовков и у подвала для печатаемой страницы.
Тег pageSetup предпочтительные настройки бумаги, опять же, для печати.
Атрибут paperSize — устанавливает размер бумаги.
Используемые значения:
Значение | Описание |
---|---|
16 | 10 в. x 14 в. |
17 | 11 в. x 17 в. |
8 | A3 (297 мм x 420 мм) |
9 | A4 (210 мм x 297 мм) |
10 | A4 Small (210 мм x 297 мм) |
11 | A5 (148 мм x 210 мм) |
12 | B4 (250 мм x 354 мм) |
13 | A5 (148 мм x 210 мм) |
24 | Лист размеров C |
25 | Лист размеров D |
20 | Конверт #10 (4–1/8 в. x 9–½ в.) |
21 | Конверт #11 (4–½ в. x 10–3/8 in.) |
22 | Конверт #12 (4–½ в. x 11 in.) |
23 | Конверт #14 (5 в. x 11–½ в.) |
19 | Конверт #9 (3–7/8 в. x 8–7/8 in.) |
33 | Конверт B4 (250 мм x 353 мм) |
34 | Конверт B5 (176 мм x 250 мм) |
35 | Конверт B6 (176 мм x 125 мм) |
29 | Конверт C3 (324 мм x 458 мм) |
30 | Конверт C4 (229 мм x 324 мм) |
28 | Конверт C5 (162 мм x 229 мм) |
31 | Конверт C6 (114 мм x 162 мм) |
32 | Конверт C65 (114 мм x 229 мм) |
27 | DL конверта (110 мм x 220 мм) |
36 | Конверт (110 мм x 230 мм) |
37 | Envelope Monarch (3–7/8 in. x 7–½ in.) |
38 | Конверт (3–5/8 в. x 6–½ in.) |
26 | Лист размеров E |
7 | Executive (7–½ в. x 10–½ in.) |
41 | Немецкий юридический фанфолд (8–½ в. x 13 in.) |
40 | Немецкий юридический фанфолд (8–½ в. x 13 in.) |
39 | Стандартный фанфолд США (14–7/8 в. x 11 in.) |
14 | Фолио (8–½ в. x 13 in.) |
4 | Книга (17 в. x 11 in.) |
5 | Юридический (8–½ в. x 14 in.) |
1 | Письмо (8–½ в. x 11 in.) |
2 | Letter Small (8–½ in. x 11 in.) |
18 | Примечание (8–½ в. x 11 in.) |
15 | Quarto (215 мм x 275 мм) |
6 | Заявление (5–½ в. x 8–½ in.) |
3 | Таблоид (11 в. x 17 in.) |
256 | Пользовательский |
Атрибут pageOrder — направление печати. Если значение «overThenDown» — то будет печататься слева направо, потом нижняя часть снова слева направо и т.д. Если такого атрибута нет — то печататься будет сначала вся левая сторона сверху-вниз, потом та часть, что справа и т.д.
Атрибут orientation — задает ориентацию листов. «portrait» — портретная (вертикальная) ориентация, «landscape» — альбомная (горизонтальная) ориентация.
Атрибут blackAndWhite — если установлена 1 ил true — лист будет напечатан в черно-белом варианте.
Атрибут draft — если установлена 1 ил true — лист будет напечатан без графики.
Атрибут cellComments — печать комментариев к ячейкам. Используемые значения:
AsDisplayed — Распечатать Комментарии Как отображается;
AtEnd — Печать в конце;
None — Не печатать.
Атрибут errors — Печать обработки ошибок.
Blank -Показать ошибки ячейки как пустые;
Dash — Ошибки ячейки Dash;
Displayed — Отображение ошибок ячейки;
NA — Отображает «NA».
Атрибут r: id — идентификатор настроек.
Разбор xl/caclChain.xml
По традиции, начнем с содержимого файла:
Здесь нам важна строка 3. видим тег c — наша ячейка, у нее есть атрибут r — адрес ячейки. Индексный атрибут i указывает индекс листа, с которым связана ячейка.
Разбор xl/sharedStrings.xml
Обратимся к статье от @Lachrimae:
Представим, что у нас есть таблица, заполненная строковыми данными, и что она большая. При этом крайне маловероятно, что все значения в ней будут уникальны. Некоторые из них нет-нет, да повторятся где-нибудь в разных частях таблицы. Хранить такой массив «как есть» внутри XML-разметки листа нерационально с точки зрения ресурсов ПК. Поэтому все строковые значения вынесены в отдельный файл, /xl/sharedStrings.xml. Часть его, которая нас интересует, выглядит, допустим, так:
Вася
Петя
Саша
Обратите внимание на атрибуты тега
«count» и «uniqueCount»: их значения различаются. Дело в том, что в книге одну из строк я использовал дважды. При этом атрибуты не обязательны, то есть если их убрать, то Excel ошибки не выдаст, но при сохранении файла нарисует опять. Здесь же можно сказать, что здесь, внутри тега
можно играть с настройками шрифта. Для этого используется доработанная напильником система пробегов, применяемая в MS Word (до него мы еще доберемся). Выглядит это примерно так:
Мама
мыла
раму
Обратите внимание: в корневой тег
в предыдущем примере был встроен непосредственно тег , содержавший текст. Здесь же он обернут тегом , то есть Run; по-русски его принято назвать «пробег». Пробег — это, если в двух словах — кусок текста, имеющий одинаковые стилевые настройки. В этом примере строковое значение содержит 3 пробега. Чтобы было удобнее их рассматривать, я, пожалуй, вынесу их отдельными сорсами.
Первый:
Мама
Этот пробег не содержит секции
, поэтому использует стилевые настройки ячейки, в которой находится. В нем интересно другое: атрибут xml: space=«preserve». Дело в том, что по умолчанию что Excel, что Word обрезают концевые пробелы со всех пробегов. Может показаться, что в этом случае в месте стыка пробегов всегда должна получаться примерно такая картина: »ВасяПетя». Но по опыту общения с тем же MS Word мы знаем, что это не так. Из-за чего? Вот как раз из-за xml: space=«preserve». Второй:
мыла
Здесь нет атрибута xml: space=«preserve». Нам без разницы, что Excel сделает с концевыми пробелами, которых нет. Зато есть блок
. В принципе, в него можно поместить любые настройки шрифта, которые только есть в Excel. Я же сделал всего один, чтобы не раздувать объем примера. Третий:
раму
А здесь у нас есть и блок настроек шрифта, и сохранение концевых пробелов.
Ну и еще коротенькая ремарка. Если есть необходимость сделать многострочную запись в ячейке, то здесь в строке просто будет обычный символ переноса, chr (10). Сам атрибут многострочности ячейки расположен в файле разметки листа. В однострочной ячейке символ переноса будет проигнорирован. Excel просто сделает вид, что его нет.
Добавлю: каждый тег si имеет порядковый номер, начиная с 0. Он нигде не записывается. Этот номер и записывается в файле xl/worksheets/sheet1.xml в теге sheetData, который мы рассматривали ранее.
Разбор xl/styles.xml
Снова обратимся к статье от @Lachrimae. Буду добавлять от себя дополнительную информацию.
Как нетрудно догадаться, здесь хранится информация об оформлении ячеек. Причем в угоду оптимизации, хранится она в достаточно интересном виде. Файл состоит из следующих секций:
1. Шрифты:
Как можно понять, здесь перечислены только уникальные стили оформления текста, использованные в книге. Каждый тег — один стиль. Вложенные теги — особенности стиля, такие как полужирное написание (тег ), кегль (
) и другие.
На месте тега можно написать:
— курсив;
— подчеркнутый,
либо — двойное подчеркивание;— зачеркнутый;— надстрочный текст,
либо— подстрочный текст;
либо сочетание нескольких тегов.
Если хотите установить цвет шрифта какой-нибудь свой (возьмем #123456), то в теге color вместо атрибута theme пишем rgb и вставляем hex-код цвета, должно получиться вот так:
2. Заливка ячеек:
Как видно, первый вариант — без заливки вообще, а второй — сплошная заливка библиотечного цвета »gray125».
Здесь тот же принцип с установкой своего цвета, только немного по-другому записывается:
Тег fgcolor — отвечает за цвет переднего плана, а bgcolor — за цвет заднего плана (indexed=»64» — черный цвет).
У тега patternFill атрибут patternType может иметь следующие значения:
none — Нет заливки;
solid — Сплошная заливка; (пример выше)
darkGray — Серый 75%;
ПримерЦвет выглядит вот так:
Цвет ячейкиЗдесь мы можем наблюдать, что цвета расположены в сетку
mediumGray — Серый 50%;
ПримерЦвет выглядит вот так:
Цвет ячейкиЗдесь сетка уже поменьше и цвет из тега fgcolor уже меньше прорисовывается.
lightGray — Серый 25%;
ПримерЦвет выглядит вот так:
Цвет ячейкиЗдесь сетка еще меньше и цвет из тега fgcolor еще меньше прорисовывается.
gray125 — Серый 12.5%;
ПримерЦвет выглядит вот так:
Цвет ячейкиПосыл, думаю, понятен
gray0625 — Серый 0.025%
ПримерЦвет выглядит вот так:
Цвет ячейкиdarkHorizontal — Полосатый цвет с горизонтальными линиями;
ПримерЦвет выглядит вот так:
Цвет ячейкиdarkVertical — Полосатый цвет с вертикальными линиями;
ПримерЦвет выглядит вот так:
Цвет ячейкиdarkDown — Полосатый цвет с диагональными линиями сверху-вниз;
ПримерЦвет выглядит вот так:
Цвет ячейкиdarkUp — Полосатый цвет с диагональными линиями снизу-вверх;
ПримерЦвет выглядит вот так:
Цвет ячейкиdarkGrid — Диагональный клетчатый;
ПримерЦвет выглядит вот так:
Цвет ячейкиВ этом варианте сетки четко видно, клетки цветов одинаковые и их поровну. Как шахматная доска
darkTrellis — Толстый диагональный клетчатый;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightHorizontal — Полосатый цвет с горизонтальными тонкими линиями;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightVertical — Полосатый цвет с вертикальными тонкими линиями;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightDown — Полосатый цвет с диагональными тонкими линиями сверху-вниз;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightUp — Полосатый цвет с диагональными тонкими линиями снизу-вверх;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightGrid — Тонкий горизонтальный клетчатый;
ПримерЦвет выглядит вот так:
Цвет ячейкиlightTrellis — Тонкий диагональный клетчатый;
ПримерЦвет выглядит вот так:
Цвет ячейки
Можно еще заливку сделать градиентом:
От угла:
ПримерыОт левого верхнего угла
Градиент от углаОт правого верхнего угла — в тег gradientFill добавить атрибуты left=»1» right=»1», чтобы получилось:
От левого нижнего угла — в тег gradientFill добавить атрибуты bottom=»1» top=»1»;
От правого нижнего угла — в тег gradientFill добавить атрибуты bottom=»1» top=»1» left=»1» right=»1»;
3. Границы:
Как видно, одно наименование здесь состоит из пяти элементов, 4 основных границы и диагональная, то есть все то, что можно настроить через GUI самого Excel.
Атрибут style означает стиль границы и может иметь следующие значения:
thin — тонка сплошная;
hair — мелкая пунктирная;
dotted — точечная пунктирная;
dashed — пунктирная линия;
dashDot — пунктир линия точка;
dashDotDot — пунктир линия точка точка;
double — двойная сплошная;
medium — сплошная средней толщины;
mediumDashed — пунктирная линия средней толщины;
mediumDashDot — пунктир линия точка средней толщины;
mediumDashDotDot — пунктир линия точка точка средней толщины;
slantDashDot — косая пунктир линия точка средней толщины;
thick — сплошная большой толщины.
Для установки цвета границы используйте уже известную нам запись:
<