Страница полузащищенная
Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

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

Краткий синтаксис

Вкратце, синтаксис отображения изображения таков:
[[File:Name|Type|Border|Location|Alignment|Size|link=Link|alt=Alt|page=Page|lang=Langtag|Caption]]

Plain typeозначает, что вы всегда печатаете именно то, что видите. Bolded italicsозначает переменную.

Требуется только имя . Большинство изображений должны использовать " " и не должны указывать размер. Остальные данные не являются обязательными и могут быть размещены в любом порядке.[[File:Name|thumb|alt=Alt|Caption]]

Тип
" thumb" (или " thumbnail"; за любым может следовать " "), " " (или " ") или " ". Отображает изображение с определенным форматированием (см. Ниже).=filenameframeframedframeless
Граница
" border". Обведите изображение небольшой рамкой.
Место расположения
" right", " left", " center" или " none". Определите горизонтальное расположение изображения на странице. По умолчанию rightдля эскизов и изображений в рамке установлено значение "".
Выравнивание
" baseline", " middle", " sub", " super", " text-top", " text-bottom", " top" или " bottom". Выровняйте изображение по вертикали относительно смежного текста. По умолчанию это " middle".
Размер
" upright" или " ". Масштабируйте миниатюру от ее размера по умолчанию на заданный коэффициент (по умолчанию 0,75), округляя результат до ближайшего кратного 10 пикселей. Параметр " " должен использоваться вместе с параметром " " или " ". В качестве альтернативы и только в случае крайней необходимости пользовательские предпочтения могут не приниматься во внимание, а размер изображения фиксироваться путем указания размера в пикселях: « Ширина » или « Высота » или « Ширина- высота ». Масштабируйте изображение так, чтобы оно не превышало заданную ширину или высоту, сохраняя его соотношение сторон. Увеличение масштаба (т.е. растягивание изображения до большего размера) отключено, когда изображение помещено в рамку.upright=factoruprightthumbframelesspxxpxxpx
Связь
Свяжите изображение с другим ресурсом или ни с чем.
Alt
Укажите замещающий текст для изображения. Это предназначено для читателей с ослабленным зрением. Смотрите WP: ALT, чтобы узнать, как это обычно должно отличаться от подписи.
Страница
Укажите страницу, отличную от 1, для использования в качестве эскиза в многостраничных файлах.
Langtag
Укажите langtag IETF для switch-переведенных файлов SVG. Некоторые файлы SVG многоязычны; этот параметр указывает, какой язык использовать. Langtag должен быть полностью в нижнем регистре (например, zh-hansа не zh-Hans). По умолчанию используется текущий язык Википедии в пространстве имен статей или enв других пространствах имен. Смотрите .{{Translate}}
Подпись
Укажите подпись к изображению. Это видно, если используется атрибут "thumb", но может отображаться при наведении курсора мыши в других случаях.

Подробный синтаксис

Синтаксис изображения начинается с " [[", содержит компоненты, разделенные " |", и заканчивается " ]]". " [[" И первый " |" (или, если " |", завершающий " ]]") должны находиться в одной строке; другие пробелы и разрывы строк игнорируются, если они находятся рядом с |символами " " или внутри скобок. Пробелы или разрывы строк не допускаются непосредственно перед " =" в следующих параметрах и могут иметь нежелательные побочные эффекты, если они появляются сразу после " =". Не завершайте код |]]; это будет восприниматься как пустой заголовок и переопределить любой реальный заголовок.

Тип

Один из этих вариантов может быть определен для управления масштабированием изображения и / или наличием границы. Для параметров, которые автоматически масштабируют изображение, обычно это 220 пикселей; вошедшие в систему пользователи могут изменить это (в «Размер эскиза» в Предпочтения  → Внешний вид  → Файлы ). Это важно для пользователей с (например) ограниченным зрением. Если он слишком большой или маленький, можно использовать вертикальный атрибут . Указание фиксированного размера в пикселях отменяет все это, но не подходит для пользователей, которым требуется изображение большего размера.

thumb(или thumbnail)
Автоматически масштабируйте изображение и обведите его рамкой. Показать заголовок, если он указан. Разместите изображение справа, если это не переопределено атрибутом местоположения . С операндом, например " thumb=Example.png", операнд называет изображение, которое используется в качестве эскиза, игнорируя любые спецификации размера.
frame
Сохраните исходный размер изображения и обведите его рамкой. Покажите любую подпись под изображением. Разместите изображение справа, если это не переопределено атрибутом местоположения.
frameless
Автоматически масштабируйте изображение вверх или вниз. Поместите его в текст, если он не переопределен атрибутом местоположения.
Ничего не указано
Сохраните исходный размер изображения и не добавляйте границу вокруг изображения. Не показывать подпись. Если альтернативный текст не запрашивается специально, используйте запрошенный заголовок как альтернативный текст. Эта опция почти всегда используется в шаблонах.

Граница

border
Создайте однопиксельную рамку вокруг изображения. Это влияет только на изображения без рамки (без |thumbи |frame), поскольку изображения в рамке всегда имеют границы.

Место расположения

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

right
Разместите изображение в правой части страницы. Текст статьи, следующий за изображением, обтекает изображение. Это значение по умолчанию, когда используется thumbили frame.
left
Разместите изображение в левой части страницы. Текст статьи, следующий за изображением, обтекает изображение, но могут возникать проблемы с форматированием списков и текста с отступом (см. § Взаимодействие между плавающими влево изображениями и списками ).
center
Поместите изображение в центр страницы. Текст статьи, следующий за изображением, помещается под изображением.
none
Разместите изображение в левой части страницы. Текст статьи, следующий за изображением, помещается под изображением.
Ничего не указано, и thumbниframe
Изображение помещается в текст, как это.

Вертикальное выравнивание

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

В следующем списке, объяснение каждого опциона предшествует какой Файл: Флаг Венгрии vertical.svg выглядит как при выравнивании с помощью перечисленных опции, используя разметку
в [[File:Flag of Hungary vertical.svg|option|frameless|upright=0.1|link=|alt=]]

middle:
(Это значение по умолчанию.) Совместите вертикальную середину изображения с базовой линией текста плюс половину высоты текста по оси x , чтобы изображение было центрировано по вертикали вокруг строчной буквы «x» в тексте.

baseline:
Выровняйте нижнюю часть изображения по базовой линии текста.

sub:
Выровняйте нижнюю часть изображения по тому же уровню, что и нижняя часть нижнего индекса, например, нижняя часть «2» в «X 2 ».

super:
Выровняйте нижнюю часть изображения по тому же уровню, что и нижний верхний индекс, например, нижняя часть «2» в «X 2 ».

text-top:
Выровняйте верх изображения по верхнему краю текста. Это часто немного выше, чем верхняя часть заглавной буквы, из-за восходящих элементов в таких буквах, как строчная «h».

text-bottom:
Выровняйте нижнюю часть изображения по нижней части текста. Это несколько ниже базового уровня, из - за подстрочные в письмах , как строчный «у».

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

bottom:
Выровняйте нижнюю часть изображения по нижней части строки, содержащей текст. Обычно это немного ниже нижней части текста.

Размер

Ярлык
  • WP: PICSIZE

Для управления размером изображения можно указать любой из этих параметров или ни один из них. В случае изображений с подписями, если изображение уже меньше запрошенного размера, изображение сохраняет свой исходный размер (не увеличивается). В случае изображений без подписей изображение будет увеличено или уменьшено до требуемого размера. При использовании типа «рамка» изменение размера отключено .

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

(ничего не указано)
Для миниатюр используйте размер, указанный в настройках для вошедших в систему пользователей, и размер, определяемый разрешением для пользователей, которые не вошли в систему. Для не-миниатюр используйте собственный размер изображения.
upright или upright=фактор
Отрегулируйте размер миниатюры, чтобы фактор время по умолчанию размера эскиза, округляя результат до ближайшего числа , кратного 10. Например, « upright=1.5» делает изображение больше, что полезно для карт или схем , которые должны быть больше , чтобы быть читаемыми. Параметр " upright=1" возвращает тот же размер, что и ширина эскиза, а " upright=0.75" функционально идентичен только " upright". Если вы установите « Фактор» равным соотношению сторон изображения (ширина, деленная на высоту), результат будет эквивалентен масштабированию высоты, чтобы она была равна нормальной ширине эскиза.
Параметр uprightработает только с параметром thumbили frameless(см. Тип ).
Ширинаpx
( Например 100px ) Масштабируйте изображение, чтобы оно было указанным числом пикселей по ширине, и масштабируйте высоту, чтобы сохранить исходное соотношение сторон.
xВысотаpx
( Например , x150px) Масштабируйте изображение, чтобы оно было указанным числом пикселей в высоту, и масштабируйте ширину, чтобы сохранить исходное соотношение сторон.
Ширина xВысотаpx
( Например 100x150px ) Масштабируйте изображение так, чтобы оно не было шире и не превышало указанное количество пикселей. Изображение сохранит исходное соотношение сторон.

Связь

|link=Page
Обычно при нажатии на изображение читатель попадает на страницу описания изображения . Параметр ссылки позволяет читателю перейти на другую страницу, например, на более полное изображение, из которого был вырезан эскиз, или на полный документ, эскиз которого был отдельной страницей (или кадрирование одной страницы). Не заключайте название страницы в квадратные скобки. Если страница является URL-адресом, читатель будет выведен за пределы проекта; обычно это не делается в пространстве статьи.
|link= (один)
Отключает ссылку, поэтому нажатие на изображение ничего не дает.

|link=влияет только на то, что происходит при нажатии на само изображение ; |thumbизображения содержат небольшой прямоугольник-прямоугольник Увеличить-clip.svgв области заголовка, и щелчок по нему всегда приводит к странице описания изображения. За исключением изображений, находящихся в общественном достоянии, читатель всегда должен иметь возможность добраться до страницы описания изображения, поэтому его |link=следует использовать только с |thumbизображениями.

|link=нельзя использовать с |frame.

Чтобы отключить все ссылки и описание чисто декоративного изображения  - чтобы оно игнорировалось программами чтения с экрана - используйте " |link=|alt=" без аргументов для любого параметра.

Альтернативный текст и подпись

Для управления альтернативным текстом , заголовком ссылки и заголовком изображения можно указать ноль или более из этих параметров . Заголовки могут содержать встроенную разметку вики, например ссылки или форматирование. См. Википедия: Подписи для обсуждения соответствующего текста подписи. См. Википедия: Альтернативный текст для изображений для обсуждения соответствующего замещающего текста. Internet Explorer отображает заголовок ссылки в виде всплывающей подсказки, но другие браузеры не могут.

alt=Alt
Используйте Alt в качестве замещающего текста для изображения.
Подпись
(последний вариант, который не распознается как какая-либо другая часть синтаксиса изображения): то, как этот текст используется, зависит от типа изображения. Если шрифт имеет видимую подпись (« thumbnail», « thumb», « frame» или « framed»), этот текст отображается как заголовок под изображением. В противном случае (если тип изображения не указан или равен " frameless"), этот текст используется для заголовка ссылки при условии, что ссылка не была подавлена ​​с помощью " |link=", а также для альтернативного текста при условии, что явный alt=Alt не был предоставлен.

Фактический замещающий текст для отображаемого изображения будет одним из следующих в порядке предпочтения:

  1. Явно запрошенный Alt , если есть;
  2. Явно просил титр , если тип изображения не имеет видимые надписи;
  3. Пустая строка, если есть явно просил Caption и тип изображения имеет видимый заголовок.
  4. Имя файла изображения, если нет явно запрошенных Alt или Caption . Это никогда не бывает удовлетворительным вариантом.

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

Примечание: alt поддерживается только для изображений. Аудио и видео файлы должны использовать синхронизированный текст .

Учебный класс

class=
Используется для вставки любых HTML-классов для изображения. Это имеет эффект только для некоторых определенных классов, перечисленных в Википедии: Каталог классов CSS , или некоторых классов, созданных TemplateStyles .

Страница

Болеро : 2-я страница из партитуры

Обычно для создания эскиза используется страница 1 из файла PDF или DjVu. Другая страница может быть использована с параметром |page=: [[File:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|thumb|page=2|''Boléro'': page 2 from the score]]:

Примеры

Использование основного синтаксиса

Самый простой пример использует синтаксис [[File:Westminstpalace.jpg|Alt text]]. Это не масштабирует изображение и не позволяет тексту обтекать его. Обычно это не подходит для статьи.

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

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

текст текст текст текст текст текст[[File: Westminstpalace.jpg | 150px | alt = Большая башня с часами и другие здания вдоль великой реки. | Вестминстерский дворец]]текст текст текст текст текст[[File: tst.png | 100px | alt = Крошечный глобус | Это глобус.]]текст текст текст текст

дает

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Сохранение исходного размера с подписью

Для отображения загруженного изображения с подписью используйте [[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]].

Текст заголовка

Выравнивание миниатюр по размеру текста

Вестминстерский дворец

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

Важной частью этого является thumbпараметр: (как показано слева). Подробнее об этих параметрах см. В предыдущих разделах.[[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]

Примеры параметра местоположения приведены ниже:

верно
Изображение выравнивается по правому краю, а текст плавает слева от изображения: (показано справа).[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]]
оставили
Изображение выравнивается по левому краю, а текст плавает справа от изображения: (показано слева).[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]]
center
Изображение центрируется, и ...
текст, следующий за изображением, начинается под ним: (показано выше).[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]]
нет
Изображение помещается слева, и ...
следующий за ним текст не перемещается вправо (или, очевидно, влево), а начинается под ним: (показано выше).[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|none|upright=0.35]]

Проблема множества плавающих объектов

Ярлык
  • РГ: MFOP

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

  • на одной стороне страницы есть несколько плавающих объектов
  • плавающий объект на другой стороне страницы идет после других в исходном коде

Первый плавающий объект на последней стороне страницы не будет плавать над последним плавающим объектом на первой (см. Примеры ниже). Решения включают в себя чередование левого и правого выравнивания изображений или других плавающих объектов (не показаны); установка значения "none" для выравнивания одного, которое не будет парить над другими (как показано "вживую" в таблице населения здесь ); и использование тега галереи для большого количества изображений в одном разделе. Согласно MOS: ACCESS # FLOAT изображения следует вставлять так, чтобы их разметка находилась в правильном разделе, даже если это может привести к их перемещению в следующий раздел.

Проблемный код:

== Раздел 1 == [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.1 ('' 'right' '')]] [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.2 ( '' 'right' '')]] [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.3 ('' 'right' '')]] [[File: Westminstpalace.jpg | thumb | 70px | right | | Рисунок 1.4 ('' 'справа' '')]]Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.== Раздел 2 == [[Файл: Westminstpalace.jpg | thumb | 70px | left | Рисунок 2.1 ('' 'left' '')]]Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Проблема :
Секция 1
Рисунок 1.1 ( справа )
Рисунок 1.2 ( справа )
Рисунок 1.3 ( справа )
Рисунок 1.4 ( справа )

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Раздел 2
Рисунок 2.1 ( слева )
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Установка выравнивания конечного изображения на none :
Секция 1
Рисунок 1.1 ( справа )
Рисунок 1.2 ( справа )
Рисунок 1.3 ( справа )
Рисунок 1.4 ( справа )

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Раздел 2
Рисунок 2.1 ( нет )
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Использование тегов галереи для большого количества изображений :
Секция 1
  • Рисунок 1.1.

  • Рисунок 1.2.

  • Рисунок 1.3.

  • Рисунок 1.4.

Дополнительные сведения о теге галереи см. В разделе Справка: тег галереи .

Раздел 2
Рисунок 2.1 ( слева )
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Использование "вертикально"

Параметр " upright" составляет около 75% ширины эскиза.
Вариант " upright=1.5"

Этот uprightпараметр работает в сочетании с параметром thumbnailили thumbдля изменения размера изображения примерно до 75% от ширины плоскости thumbnail. Это полезно для отображения изображений в «портретной» ориентации , поскольку такие высокие и узкие изображения имеют тенденцию выглядеть слишком большими при масштабировании до той же ширины, что и изображения в «альбомной» ориентации. Параметр uprightмасштабируется больше или меньше в зависимости от разрешения экрана пользователя. Относительный размер можно определить с помощью множителя, например . Если x = 1, изображение имеет стандартную ширину эскиза. Например , (показано слева) и (показано справа).upright=x[[File:Westminstpalace.jpg|thumbnail|upright|left|alt=A large clock tower and other buildings line a great river.|The "<code>upright</code>" option is about 75% of thumbnail width.]][[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]]

Использование рамки

Вестминстерский дворец

При использовании этого параметра встроенное изображение отображается с его фактическим размером, заключенным в рамку, независимо от атрибута «большой палец» или «размер», а заголовок, если таковой имеется, виден в кадре. Без вариантов left, centerи none, изображение , как правило , на праве: [[File:Westminstpalace.jpg|frame|thumbnail|50px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]. (Обратите внимание, что размер изображения не изменяется до 50 пикселей, потому что используется «рамка».)

Без каких-либо параметров, кроме sizepxи alternate (caption) text, встроенное изображение отображается встроенным.

Использование выравнивания «нет» эскизов в таблицах

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

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

Это Вестминстерский дворец в Лондоне.

Вы можете поместить ссылки в текст подписи, как показано на этом изображении:

[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|This is the [[Palace of Westminster]] in London]]

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

Это Вестминстерский дворец в Лондоне

Возможны дополнительные параметры форматирования подписи; все нормальное форматирование должно работать.

[[File: Westminstpalace.jpg | right | thumbnail | alt = Большая башня с часами и другие здания вдоль великой реки. | < DIV  стиль = "выравнивания текста: центр" > Это < промежуток  стиль = "цвет: зеленый" > </ диапазон > < бр  /> [[Вестминстерский дворец]] < бр  /> '' 'в < пролет  style = "color: red" > Лондон </ span > '' ' </ div > ]]

Взаимодействие между плавающими влево изображениями и списками

Ярлык
  • WP: EISL

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

Шаблон {{ flowlist }} позволяет спискам держаться подальше от этих плавающих влево объектов:

[[Файл: Westminstpalace.jpg | left | thumb | 100px]]{{ flowlist }} <ol>  <li> элемент списка A1 <ol>  <li> элемент списка B1 </li>  <li> элемент списка B2 </li>  </ol> продолжающийся элемент списка A1 </li>  < li> элемент списка A2 </li>  </ol>
{{ endflowlist }}{{ flowlist }}Первая линия:Вторая линия:: Третья линия::: Четвертая строка{{ endflowlist }}

Отображается как:

  1. элемент списка A1
    1. элемент списка B1
    2. элемент списка B2
    элемент продолжающегося списка A1
  2. элемент списка A2

Первая линия

Вторая линия
Третья линия
Четвертая линия

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

Наложение аннотаций на изображение

В некоторых случаях может потребоваться добавить к изображению интерактивные аннотации. Для этой цели существуют шаблоны Template: Annotated image и Template: Annotated image 4 .

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

Также есть шаблон {{ Overlay }}:

Здесь связан только элемент 7.

Отмена режима плавающего изображения

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

<br style="clear:both" />

Для устаревших align="right"(и т. Д.) Плавающих этого недостаточно; устаревшие браузеры игнорировали встроенный CSS. Для отмены плавающего режима при любых условиях работает следующая разметка (действительный переходный XHTML 1.0):

<br clear="all" />

Тот же код может быть выдан с помощью шаблона {{ clear }} или {{ Clr }} или {{ - }} в определенных пространствах имен ( en , meta ).

VR-изображения

Ярлык
  • МОП: 360

Чтобы отображать фотографии VR (также известные как 360-градусные панорамы или фотосферы), используйте {{ PanoViewer }}.

Ссылка на изображение без его отображения

Если вы не хотите показывать или отображать изображение, а просто хотите создать ссылку на страницу описания изображения, используйте начальное двоеточие перед «Файл:» во внутренней ссылке вики, например: [[:File:STS-32 crew.jpg|STS-32 crew]]что дает: Экипаж СТС-32 .

Звуковые файлы

Часто звуковые файлы представлены на страницах Википедии с помощью {{ Listen }} или связанных с ним шаблонов. Однако можно также представить аудиофайл без использования какого-либо шаблона. Подобный синтаксис изображений можно использовать для включения аудио- или видеофайлов на страницы.

Обратите внимание, что ни в одном из этих примеров нет ссылок на Wikipedia: Media help , а в примере 2 нет ссылок для навигации на сам файл. Следовательно, всякий раз, когда используется этот метод, шаблон {{ Inline audio }} должен отображаться на этой странице, а представление кнопок воспроизведения должно сопровождаться интерактивными ссылками на сам звуковой файл. Примеры:

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

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

MIDI

С июня 2019 года файлы MIDI можно воспроизводить так же, как и другие звуковые файлы. См .: Помощь: Оценка .

Багатели , соч. 33 , нет. 1
[[Файл: Бетховен соч. 33 нет. 1. середина | большой палец | [[ Багатели, соч. 33 (Бетховен) | "Багатели", соч. 33 ]], нет. 1]]

Видео файлы

Для отображения загруженного видео с субтитрами используйте [[File:First flights in aviation history.ogg|frame|none|Caption text]].

Текст заголовка

Исходное неподвижное изображение

thumbtime=Time". Используйте кадр из видео в заданное время в качестве исходного неподвижного изображения. Время - это либо количество секунд, либо часы, минуты и секунды, разделенные двоеточиями. Без параметра thumbtime будет отображаться кадр из средней точки видео. используется по умолчанию. Например, с использованием того же видеофайла, что и ранее:

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

Воспроизвести медиа
Начинается через 5 секунд и заканчивает воспроизведение через 7 секунд

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

[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]

Примечание. Это пока не поддерживается Safari и Internet Explorer.

Отображение небольших видеороликов большего размера

Чтобы отобразить видео, размер которого больше загруженного, используйте " |thumb" и " ". Это может быть полезно, если исходное видео очень маленькое, но показывает некоторые важные, но мелкие детали, но учтите, что масштабирование может создавать неожиданные артефакты масштабирования. Например, код|numberpx

[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]

отображает видео шириной 16 пикселей в исходном размере слева и в восемь раз шире справа (квадраты должны быть полностью черными или полностью белыми, а края должны быть резкими - любая размытость или не совсем белый цвет, скорее всего, вызваны браузером или рендеринг сервера Викимедиа):

Превью в галерею

Параметр thumbtime также можно использовать внутри галереи (либо с тегами <gallery>, либо с шаблоном {{ Gallery }}):

  • Воспроизвести медиа

    Мужчина в костюме с галстуком и шляпой на 21 секунде.

  • Воспроизвести медиа

    Моноплан замечен на 23 секунде.

Вот викикод, который его создал:

<галерея>Файл: Первые полеты в истории авиации history.ogg | thumbtime = 21 | Мужчина в костюме и шляпе на 21 секунде.Файл: Первые полеты в истории авиации history.ogg | thumbtime = 0: 23 | Моноплан замечен на 23 секунде.</gallery>

Смотрите также

  • Википедия: изображения - для обзора изображений в Википедии.
  • Википедия: учебник по изображениям
  • Wikimedia Commons ( главная страница Commons ), бесплатное хранилище мультимедиа , которое вы можете использовать непосредственно в Википедии и других проектах Викимедиа . Вы можете загружать новые изображения или использовать сохраненные.
  • Commons: Commons: Video - план видео на Commons; использование, игра, политика, поиск, преобразование и загрузка
  • Википедия: Создание и использование медиафайлов - руководство, старое, но все еще полезное
  • Википедия: Политика использования изображений
  • Википедия: Разметка изображений с помощью HTML - Как добавлять изображения в статьи, старая школа. Устаревший, но интересный.
  • Википедия: учебник по поиску изображений
  • meta: Справка: изображения и другие загруженные файлы
  • mw: Extension: PagedTiffHandler - lossyпараметр для файлов tiff