Это эссе, Wikipedia:Advanced text formatting или Advanced typing , описывает множество методов управления (или корректировки) выравнивания текста на странице. Для людей с профессиональным опытом в наборе это эссе не является шуткой, а скорее улучшением по сравнению с набором по умолчанию для статей-заготовок. Методы, перечисленные здесь, по-прежнему предназначены для обычных читателей.
Возможно, самым большим улучшением для многих статей является понижение этих показных верхних тегов-боксов, которые заявляют: «Эта статья дефектная: исправить немедленно» . Большинство этих шаблонов тегов-боксов допускают параметр «|section» при понижении тегов-боксов ниже по странице. Например: . Перемещение отвлекающего тег-бокса может значительно улучшить читаемость для читателей, которые в противном случае могли бы встревожиться и отвлечься на двухлетний блок с жалобами, который кто-то бросил на страницу без сопротивления много лет назад, создавая впечатление, что тег-бокс необходимо прочитать, чтобы избежать критически опасной информации в статье.{{RefImprove|section|date=November 2024}}
Шаблон {{ wbr }} можно использовать для переноса перед неразрывными пробелами, как {{wbr}}
Дополнительный отступ можно задать с помощью дополнительных неразрывных пробелов; это делается проще (и, возможно, более читабельно) с помощью шаблона {{ nbsp }} , использующего 2-й параметр для указания количества вставляемых символов: .Rhianna{{wbr}}{{spaces|2}}Lea Однако дополнительный пробел между некоторыми словами может показаться чрезмерным (если только все близлежащие пробелы не удвоены). Ширина, вызывающая отступ с переносом, зависит от уровня масштабирования TextSize браузера пользователя, где более высокие уровни вызывают перенос чаще, а одиночный пробел делает больший отступ при более высоком масштабе. Этот тип регулировки пробелов путем вставки отдельных дополнительных символов пробела обычно не рекомендуется при редактировании статей Википедии.
Этот метод ранее предлагался для переноса и отступа текста в списках инфобоксов (где неотступная перенесенная строка может быть неверно истолкована как 2 записи, а не как длинная запись, перенесенная на следующую строку), это неподходящий метод. Вместо этого используйте шаблон {{indented plainlist}} , который создает семантически правильные списки HTML и использует CSS для управления отступом элементов списка:
HTML <wbr />-тег также работает со старыми браузерами, но не в Internet Explorer с версии 7. {{wbr}}Шаблон использует комбинацию <wbr />HTML-тега и символа U+200B ZERO WIDTH SPACE (совместимого с IE до версии 7). Подробнее см. в разделе Template:wbr § Технические подробности .
Одной из самых неприятных ошибок при наборе текста является перенос последнего слова в цитате на вторую строку, когда за ним следуют круглые или квадратные скобки:
Есть несколько методов, позволяющих конечному слову оставаться на той же строке, без переноса. Возможно, наиболее распространенным исправлением является добавление пустого кода  (или даже запятой) после конечной кавычки, чтобы она не переносилась слишком рано:
Чтобы исправить перенос, после слова dogs следует  (после кавычек: ... dogs" ). Поскольку тысячи статей начинаются с формального определения термина с указанием цитируемого значения, принудительный перенос конечных кавычек стал главным кошмаром набора в Википедии. Перенос конечных кавычек стал настолько распространенным в 2005–2009 годах, что стало инстинктивным ожидать, что конечная кавычка почти всегда будет преждевременно перенесена на вторую строку, а первая строка будет усечена как необычно короткая. Преждевременный перенос 18-символьной фразы «dogs... typewriter» является типичным, а не преувеличением того, сколько текста принудительно помещается на вторую строку во многих статьях.
Аналогичная проблема возникает с конечным апострофом и скобками:
Кроме того,  после конечной кавычки можно добавлять другие символы, такие как запятая, точка с запятой или слэш, если они подходят по смыслу. Могут быть и другие ситуации принудительного переноса в тексте Википедии.
Меньший текст можно уменьшить до меньшего размера шрифта , например, с помощью тега span:
<span style="font-size:88%">German: ''Der Lange-Annoying-Name-der-Dinge''</span>Этот размер шрифта несколько сократит текст: немецкий: Der Lange-Annoying-Name-der-Dinge . Очень раздражающей проблемой может быть размещение слишком большого количества иностранного (или не по теме) текста во вступительном разделе. Многие не относящиеся к теме слова следует переместить в нижние разделы. Однако использование уменьшенного размера шрифта может помочь минимизировать бросающееся в глаза воздействие не по теме текста. Такие размеры, как 95% или 92%, сохраняют исходную форму шрифта; однако могут потребоваться размеры 88% или 85%. Чтобы сократить больший раздел текста, рассмотрите возможность использования парных <div>...</div>тегов (вместо <span>...</span>).
Маленький размер текста по умолчанию, почти без формы, выбирается с помощью <small>aa bb cc xx yy zz</small>, что выглядит как: aa bb cc xx yy zz . Используя <span style="font-family:Georgia;">, чтобы переключиться со шрифта Arial по умолчанию на <span style="font-family:Georgia;">( шрифт Georgia ), мелкий текст будет выглядеть как: small Georgia-font abcxyz .
Редакторы должны избегать ручной вставки больших и маленьких размеров шрифта в прозу . Увеличение и уменьшение размера шрифта должно в первую очередь производиться с помощью автоматизированных средств, таких как заголовки или тщательно разработанные шаблоны . Ниже приведен один список шаблонов размеров шрифта , которые были протестированы и доступны при необходимости:
{{small}}или {{smaller}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
{{resize}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
По умолчанию: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
{{large}}или {{larger}}или {{big}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
{{huge}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
Пример: отображается как: Сделает текст здесь больше{{big|Will make the text here larger}}
Чтобы разместить эту диаграмму на своей странице пользователя для справочного использования:{{font size templates}}
Подробнее: Википедия:Руководство по стилю/форматированию текста#Размер шрифта .
Очень распространенной проблемой при использовании шрифта меньшего размера является зазор, вызванный большим межстрочным интервалом между строками. Лучшая высота строки (для заметок с мелким шрифтом) — это: , например:1.3em
<span style="font-size:88%; line-height: 1.3em;">xxx</span>Такие маленькие строки можно использовать в длинной подписи к изображению, где типичный размер подписи занял бы слишком много места для отображаемого объема подробной подписи. Конечно, еще раз, полное решение часто включает удаление некоторого лишнего текста (из подписи к изображению) в более низкое место на странице, а затем ссылку на изображение, например, из этого текста.{{crossref|(see image)}}
Другим применением уменьшенной высоты строки может быть отступ в кавычках, где меньшая высота строки может помочь подчеркнуть цитату как особый раздел текста. Например, используя:
<span style="font-size:92%; line-height: 1.31em;">xxx</span>Затем приложите текст цитаты, например, такой:
Иногда настройка должна быть точной, где 1.20emбы она была слишком близко или 1.35emслишком разделяла строки, при этом 1.31emобеспечивая ровный баланс для конкретных строк в цитате. Поскольку высота строки уменьшена, эффект цитаты отличается от простого отступа текста. Обратите внимание, как строка для автора "Эйнштейн" была отступлена, далеко вправо: новый шаблон отступа был использован для отступа на 32 пробела дальше, чем цитируемые строки: .{{in5|32}}{{in5|32}}– Albert ...
Высота строки текста в CSS задает высоту текстового блока. [1] В стандартной оболочке рабочего стола (Vector) она по умолчанию установлена на уровне 1,6 (умноженном на размер шрифта) для удобства чтения.
Этот блок текста имеет высоту строки 1:
Типографика (греч. typos «форма», graphein «писать») — это искусство и техника набора текста с помощью комбинации стилей гарнитуры, размера точек, длины строк, интерлиньяжа, интервала между символами и между словами для создания набранных произведений искусства в физической или цифровой форме.
Тот же блок текста, установленный с высотой строки 1,5, читается легче:
Типографика (греч. typos «форма», graphein «писать») — это искусство и техника набора текста с помощью комбинации стилей гарнитуры, размера точек, длины строк, интерлиньяжа, интервала между символами и между словами для создания набранных произведений искусства в физической или цифровой форме.
Тот же блок текста с высотой строки 2 снова легче читать, но он менее эффективно использует вертикальное пространство страницы:
Типографика (греч. typos «форма», graphein «писать») — это искусство и техника набора текста с помощью комбинации стилей гарнитуры, размера точек, длины строк, интерлиньяжа, интервала между символами и между словами для создания набранных произведений искусства в физической или цифровой форме.
Противоположный прием, увеличение высоты строки, может быть использован для некоторых текстов песен с отступом (или поэзии ), где большая высота строки может помочь подчеркнуть "двойной интервал" в текстовом разделе. Например, используя:
<div style="font-size:92%; line-height: 2.1em;">xxx</div>
Затем заключите текст песни в теги «xxx» и заключите его в теги <poem>...</poem>, которые сохраняют перенос строк, как показано ниже:
«Я слышу Иерусалим, звон колоколов,
римскую кавалерию, хоры поют:
«Будьте моим зеркалом, моим мечом и щитом,
Моими миссионерами на чужбине»,
По какой-то причине...
Это кодируется как:
< poem style = "font-size:92%; line-height: 2.1em;" > Я слышу Иерусалим, звонят колокола, Римская конница, хоры поют,«Будь моим зеркалом, моим мечом и щитом,Мои миссионерские деяния на чужбине",По какой-то причине.... </ poem > {{ in5 | 10 }} — [[ Coldplay ]] , " [[ Viva la Vida ]] " < ref > ... </ ref >В любом случае, поскольку высота строки увеличена, эффект цитируемого текста выглядит так же, как если бы в тексте использовались строки с двойным интервалом. (Текст песни усечен, чтобы сделать его короче, в соответствии с ограничениями авторского права, ограничивающими его 10% или запрещающими показ всей исполняемой части композиции).
Эти примеры показаны здесь с отступом, чтобы отделить их от пояснительного текста, но в самой статье их не будет. Если бы этот эффект был желателен, его можно было бы сделать так, используя шаблон :{{quote}}
{{ цитата | текст = < poem style = "font-size:92%; line-height: 2.1em;" > Я слышу Иерусалим, звонят колокола, Римская конница, хоры поют,«Будь моим зеркалом, моим мечом и щитом,Мои миссионерские деяния на чужбине",По какой-то причине.... </ стихотворение > | автор = [[ Coldplay ]] | источник = " [[ Viva la Vida ]] " < ссылка > ... </ ссылка >}}Что отображается как:
Я слышу Иерусалим, звон колоколов,
римскую кавалерию, хоры поют:
«Будьте моим зеркалом, моим мечом и щитом,
Моими миссионерами на чужбине»,
По какой-то причине...— Coldplay , « Viva la Vida » [Примечание 1]
Слова могут быть объединены с помощью или , чтобы заставить слова отображаться вместе, на одной строке. Иногда текст, рядом с широким полем изображения или широким полем информации , имеет тенденцию втискиваться в узкую колонку текста. Очень узкая колонка может вызвать перенос текста, иногда по одному слову на строку, по всей колонке. В таких случаях, объединяя слова первых нескольких слов фразы (например, или ), текст можно принудительно сместить вниз по странице, в более широкую колонку, где все объединенные слова могут поместиться рядом, по всей строке. Затем, даже если страница просматривается в больших настройках размера текста браузера, объединенный текст будет плавать вниз по колонкам, где набор выглядит более логичным, а не по умолчанию, по одному слову на строку, в узкой колонке. Очевидно, что это следует делать только с несколькими словами, а не с длинными строками текста, иначе возникнут нежелательные (и непредсказуемые для каждого браузера) результаты отображения.{{nowrap|xx xx}}At the outsetThe region covers
Жирный текст можно смягчить или визуально сделать тоньше, используя темно-серый текст вместо обычного черного в качестве цвета шрифта текста. Например:
<span style="color: #666666;">'''One''' and '''Two''' and '''Three'''</span>Темно-серый цвет ( #666666) будет выглядеть так:
Сравните выделенный жирным шрифтом текст «Один», «Два» и «Три» с более резким контрастом результатов, выделенных жирным шрифтом по умолчанию:
В Википедии жирный текст используется в первую очередь для выделения слов, которые:
Выделенный жирным шрифтом текст может сбивать с толку при использовании в других целях, поэтому использование более светлого полужирного текста позволяет реализовать этот стиль выделения с меньшей двусмысленностью.
Также другие, яркие цвета можно выделить жирным шрифтом без особой путаницы со словами заголовка статьи .
Обычно при использовании курсивного текста интервал после курсивного слова часто кажется слишком узким (как проблема кернинга ), и поэтому небольшое количество дополнительного пробела может быть добавлено после курсивного текста, чтобы  вставить так называемый " тонкий пробел ", или для мелкого текста  " волосной пробел " (пробел обычной ширины слишком велик для этой цели). Во многих случаях формулировка может быть сформулирована так, чтобы запятая, или точка ( точка ) или правая скобка (изогнутая скобка) следовали за курсивным текстом, что также будет действовать для расширения интервала в конце курсивного текста. Некоторые примеры:
 обычный пробел,затем обычный пробел)затем обычный пробел промежуток между и маленьким верхним индексом , за которым в свою очередь следует обычный пробел{{var|J}} <sup>{{var|p}}</sup> Возможно, наиболее распространенной корректировкой будет вставка  после курсивного текста, который заканчивается высокой буквой (например, h , l , t , или любой заглавной, например W ). Однако, спланировав формулировку, вместо этого можно добавить запятую после курсивных слов, чтобы расширить визуальное пространство после выделенной курсивом части.
Язык разметки MediaWiki поддерживает множество HTML-тегов, включая <span style="font-family:Garamond;">и т.п. Некоторые шрифты:
Язык разметки MediaWiki поддерживает цветовые теги в стиле HTML для изменения цвета текста, например "<span style="color:gray;">xx</span>". Для изменения цвета текста также существуют шаблоны, например {{ color }} .
Чтобы изменить цвета текста, вот некоторые цвета (или см. все: Цвета в Интернете ):
Цвет по умолчанию — черный (или шестнадцатеричный код #000000). При изменении цвета текста необходимо позаботиться о том, чтобы в конечный тег был вставлен символ "/", например "</span>", чтобы впоследствии сбросить цвет текста. Для получения обширного списка сотен экранных цветов см.: Цвета веб-страниц .
Реальное программное обеспечение для набора текста обычно имело простые директивы для запуска выравнивания по левому краю, по правому краю, по центру или без отступа (за пределами линии левого поля). Однако на протяжении десятилетий HTML имел лишь ограниченные возможности для простого выравнивания (один: <center>). Метод устранения отступа первого слова абзаца заключается в помещении абзаца в текстовую таблицу, где первое слово (или слог) находится (отдельно) в столбце 1, а остальной текст — в столбце 2. Например, устранение отступа слова «Бетховен»:
Обратите внимание на использование «cellspacing=0 cellpadding=0», чтобы не разделять пробел между первым слогом «Bee» и «thoven».
Третий столбец можно использовать для заключения текста во внешние скобки, а затем поместить закрывающую скобку "]" в столбец 3 следующим образом:
Первоначальный дизайн языка HTML включал презентационную разметку, такую как <center>тег. Однако этот тип презентационных тегов разметки был объявлен устаревшим в текущих рекомендациях HTML и XHTML и является незаконным в HTML5. Каскадные таблицы стилей (CSS) были одобрены Консорциумом Всемирной паутины (W3C) для презентационной разметки и других стилей.