ФЭНДОМ


 
Строка 1: Строка 1:
 
Итак, расскажу как готовить и употреблять инфобоксы.
 
Итак, расскажу как готовить и употреблять инфобоксы.
   
Синтаксис ''новых модульных инфобоксов'' схож с XML. Теперь для создая инфобокса не требуется писать сложную структуру из таблиц и выражений, теперь просто необходимо понимать принцип составления HTML или XML и подобных.
+
Синтаксис ''новых модульных инфобоксов'' схож с XML. Теперь для создания инфобокса не требуется писать сложную структуру из таблиц и выражений, теперь просто необходимо понимать принцип составления HTML или XML и подобных.
   
 
Прежде всего стоит понимать, что используем так называемый контейнер, содержащий другие контейнеры, в которых содержатся выражения. Любой контейнер имеет свое начало и конец, вам нужно их обозначить.
 
Прежде всего стоит понимать, что используем так называемый контейнер, содержащий другие контейнеры, в которых содержатся выражения. Любой контейнер имеет свое начало и конец, вам нужно их обозначить.
Строка 13: Строка 13:
 
Итак, мы видим, что контейнер инфобокса ограничен открывающим тегом с его начала (вверху) и конца (внизу). Тег открытия (начала) отличается от тега закрытия (конца) только наличием косой черты (слеша), данными тегами мы лишь обозначили контейнер, внутри пусто, отображать попросту нечего. Будем добавлять наполнение.
 
Итак, мы видим, что контейнер инфобокса ограничен открывающим тегом с его начала (вверху) и конца (внизу). Тег открытия (начала) отличается от тега закрытия (конца) только наличием косой черты (слеша), данными тегами мы лишь обозначили контейнер, внутри пусто, отображать попросту нечего. Будем добавлять наполнение.
   
Начнем с малого. Додабим теги '''title''' и '''image''', название и изображение, соответственно. Стоит отметить важную деталь - ''заданные элементы будут отображаться в том же порядке, в каком были расположены в шаблоне инфобокса''.
+
Начнем с малого. Добавим теги '''title''' и '''image''', название и изображение, соответственно. Стоит отметить важную деталь - ''заданные элементы будут отображаться в том же порядке, в каком были расположены в шаблоне инфобокса''.
 
<syntaxhighlight lang="xml" style="margin:1em 0 1em 1em;">
 
<syntaxhighlight lang="xml" style="margin:1em 0 1em 1em;">
 
<infobox layout="stacked">
 
<infobox layout="stacked">

Текущая версия на 11:07, декабря 12, 2015

Итак, расскажу как готовить и употреблять инфобоксы.

Синтаксис новых модульных инфобоксов схож с XML. Теперь для создания инфобокса не требуется писать сложную структуру из таблиц и выражений, теперь просто необходимо понимать принцип составления HTML или XML и подобных.

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

Контейнер инфобокса мы обозначим следующими тегами.

<infobox>
    ... содержимое инфобокса ...
</infobox>

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

Начнем с малого. Добавим теги title и image, название и изображение, соответственно. Стоит отметить важную деталь - заданные элементы будут отображаться в том же порядке, в каком были расположены в шаблоне инфобокса.

<infobox layout="stacked">
    <title source="name"><default>{{PAGENAME}}</default></title>
    <image source="image" />
</infobox>

Как видите контейнер наименования title имеет свой открывающий и закрывающий тег. Внутри контейнера расположен другой default (значение по умолчанию), внутри которого размещен уже знакомый элемент {{PAGENAME}}, выводящий наименование текущей статьи (страницы). Кроме тега title имеется имеется тег image который, казалось бы, не закрыт. Однако это не совсем так...

...
    <image source="image" />
...

Однако уже с невооруженным взглядом заметно отличие от любого другого тега, а именно наличие пробела, слеша и закрывающей скобки />. Дело в том, что уже довольно продолжительное время ради сокращения кода добавлена некоторая новая систематизация. Новым стандартом в HTML является написание не прошлых длинных выражений (контейнеров без содержимого) типа <img width="..." src="..."></img>, а новых автозакрытых и сокращенных, типа <img width="..." src="..." />, вместе с ними был принят стандарт писать таким образом и самодостаточные теги <hr /> и <br />.

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

Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.