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

Разработка HTML 5 сейчас настолько продвинута, что он был включен в программное обеспечение MediaWiki и с сентября 2012 года используется вики-сайтами Викимедиа по умолчанию.

Этот проект помогает редакторам организовать адаптацию статей и других страниц Википедии к HTML 5. Примерно пятьдесят подготовленных поисковых запросов обнаруживают устаревшие теги. Изменения варьируются от простых до сложных, и числа от нескольких исправлений, которые каждый может обновить вручную, до многих тысяч для запуска с помощью сценария бота Wikipedia: AutoWikiBrowser .

Сфера [ править ]

Реализация новых атрибутов HTML 5, принятых программным обеспечением MediaWiki. К ним относятся:

  • data-sort-valueАтрибутов в ячейках таблицы. Это связано с заменой таких шаблонов, как Sort , SortDate , Sortname , Number table sorting , Dts и Dtsx .
  • Другие атрибуты данных.
Атрибуты для форматирования текста [1]
устарело в HTML 5 [2] [3]Замены
{| align = "center"| - align = "center"| align = "center" | …
{| class = "center" <! - соответствует text-align: center,  а также margin: auto для внутренних элементов ->
{| class = "centered" <! - соответствует марже: auto ->{| style = "маржа: авто;"| - style = "выравнивание текста: центр;"| class = "center"

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

align="right"{| class="float-right"

style="text-align:right;"

Позиционирование может быть сделано с помощью position:или float:, display: inline-block;и выравнивания , используя в text-align:качестве замены.

valign="top"style="vertical-align:top;"

valignможно заменить на CSS vertical-align:в ячейке или строке. Обратите внимание, что его нельзя применить ко всей таблице.

<tt>...</tt><code>...</code>

<kbd>...</kbd>

<samp>...</samp>

<span style="font-family:monospace,monospace;">

В зависимости от желаемой семантики, <code>это для фрагментов компьютерного кода, <kbd>для пользовательского ввода и <samp>для выходных данных и даже <var>для переменных. [4]

Примечание: font-family:monospace,monospace правильно и предотвращает появление неожиданно маленького шрифта в браузерах на базе Gecko и WebKit, см. WP: MONO .

{| bgcolor="gray"

| bgcolor="gray"

{| style="background-color:gray;"

| style="background-color:gray;"

Устарело с HTML4 [2] [5]Замены
<center>...</center><div class="center">...</div>

<div style="text-align:center;">...</div>

<div class="centered">...</div>

<div style="margin:auto;">...</div>

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

<strike>...</strike><s>...</s>

<del>...</del>

<span style="text-decoration:line-through;">...</span>

<font size="3">...</font><span style="font-size:125%;">...</span>

{{small}}

Здесь процент имеет смысл. Простое преобразование невозможно, поскольку результат зависит от окружающего кода и частично также от используемого браузера. Нужно просто решить, какое значение подходит, часто округляя до 10% процентов для конкретного приложения. Обратите внимание, что <small>...</small>это для мелкого шрифта , а не для стилистических проблем.

<font color="red">...</font><span style="color:red;">...</span>

<span class="error">...</span>

<font face="Courier">...</font><span style="font-family:Courier, monospace;">...</span>

<span style="font:125% Courier, monospace;">...</span>

Спецификация должна обязательно заканчиваться родовым шрифтом, как правило serif, sans-serifили monospace, и редко cursiveили fantasy. В общем, эти негибкие спецификации шрифта следует полностью удалить или заменить семантическими элементами, такими как <code>(см. Ниже).

  • Следующие атрибуты соответствующих таблиц Википедии также считаются устаревшими в HTML 5: bgcolor, border, bordercolor, cellpadding, cellspacing.
  • Следующие элементы ранее были устаревшими в HTML4 и "реабилитированы" в HTML 5: uи s[5]

Устаревшие элементы и атрибуты [ править ]

центр [ править ]

Текст [ править ]

Для большей части текста <center>...</center>можно заменить на {{ center }}.

УстаревшийЗаменаПоиск
<center>Content</center>{{center|Content}}
  • (поиск статей)
  • (шаблоны поиска)
  • (искать все)

Шаблоны [ править ]

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

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

УстаревшийЗаменаПоиск
<center>{{gallery}}</center>{{gallery|align=center}}
  • (поиск статей)
  • (искать все)
<center>{{location map}}</center>{{location map|float=center}}
  • (поиск статей)
  • (искать все)
<center>{{listen}}</center>{{listen|pos=center}}
  • (поиск статей)
  • (искать все)
<center>{{family tree/start}}</center>{{family tree/start|align=center}}
  • (поиск статей)
  • (искать все)
<center>{{ahnentafel}}</center>{{ahnentafel|align=center}}
  • (поиск статей)
  • (искать все)
<center>{{chart/start}}</center>{{chart/start|align=center}}
  • (поиск статей)
  • (искать все)
<center>{{wide image}}</center>{{wide image}} (по центру по умолчанию)
  • (поиск статей)
  • (искать все)
{{wide image|image|<center>caption</center>}}{{wide image|image|align-cap=center|caption}}
  • (поиск статей)
  • (поиск статей)

Теги парсера [ править ]

Некоторые теги парсера могут использовать стили CSS:

УстаревшийЗаменаПоиск
<center><gallery>...</gallery></center><gallery class="center">...</gallery>
  • (поиск статей)
  • (искать все)
Эти теги парсера принимают class="center"
  • <categorytree>
  • <gallery>
  • <poem> (центрирует все линии)
  • <pre>
  • <syntaxhighlight>
  • <source>
  • (поиск статей) (поиск по всем)
  • (поиск статей) (поиск по всем)
  • (поиск статей) (поиск по всем)
  • (поиск статей) (поиск по всем)
  • (поиск статей) (поиск по всем)
  • (поиск статей) (поиск по всем)
Эти теги парсера не обрабатывают CSS; используйте {{ center }}
  • <hiero>
  • <math>
  • <score>
  • <timeline>
Эти теги парсера используют другие средства
  • <imagemap>использует centerпараметр; см. документацию
  • (поиск статей) (поиск по всем)
Эти теги парсера по умолчанию выравниваются по центру
  • <inputbox>
  • (поиск статей) (поиск по всем)
Эти теги парсера не обрабатывают CSS и не нуждаются в выравнивании.
  • <charinsert>
  • <indicator>
  • <nowiki>
  • <ref>
  • <references>
  • <section>
  • <templatedata>

Таблицы [ править ]

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

УстаревшийЗаменаПоиск
<center>
{|
⋮
|}
</center>


<div align="center">
{|
⋮
|}
</div>

{| style="margin: 1em auto;"(поиск статей)


(поиск статей)

И аналогично центрировать ячейку:

УстаревшийЗаменаПоиск
| <center>Content</center>|style="text-align: center;" | Content(поиск статей)

По умолчанию ячейки заголовка центрируются.

Файлы [ править ]

УстаревшийЗаменаПоиск
<center>[[File:Image.jpg]]</center>[[File:Image.jpg|center]]

шрифт [ править ]

<font>Элемент имеет три атрибута с эквивалентными свойствами CSS:

Атрибут шрифтаCSS
colorcolor
facefont-family
sizefont-size
УстаревшийЗаменаПоиск
<font color="red">Content</font><span style="color:red;">Content</span> ИЛИ ЖЕ {{font color|red|Content}}(поиск статей) (поиск по всем)
УстаревшийЗаменаПоиск
<font face="Times, serif">Content</font><span style="font-family:Times, serif;">Content</span> ИЛИ ЖЕ {{font​|text=Content​|font=Times, serif}}(поиск статей) (поиск по всем)

Обратите внимание, что в HTML значение sizeатрибута не соответствует никакому значению CSS; он принимает только значения от 1 до 7. [6]

УстаревшийЗаменаПоиск
<font size="1">Content</font><span style="font-size:x-small;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=x-small}}(поиск статей) (поиск по всем)
<font size="2">Content</font><span style="font-size:small;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=small}}
<font size="3">Content</font><span style="font-size:medium;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=medium}}
<font size="4">Content</font><span style="font-size:large;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=large}}
<font size="5">Content</font><span style="font-size:x-large;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=x-large}}
<font size="6">Content</font><span style="font-size:xx-large;">Content</span> ИЛИ ЖЕ {{font|text=Content|size=xx-large}}

Вышеупомянутые поиски найдут все перестановки трех цветовых атрибутов. Например:

УстаревшийЗамена
<font size="3" color="red" face="times, serif">Content</font><span style="font-size:medium; color:red; font-family:Times, serif;">Content</span> ИЛИ ЖЕ {{font|text=Content​|size=medium​|font=Times, serif​|color=red}}

удар [ править ]

<strike>...</strike>форматирует зачеркнутые символы. (поиск статей) (поиск по всем)

  • Используйте <s>...</s>для текста, который больше не является правильным, точным или актуальным.
  • Используйте <del>...</del>для текста, который был удален или помечен для удаления.

tt [ править ]

<tt>...</tt>форматирует текст шрифтом фиксированной ширины. (поиск статей) (поиск по всем)

  • Используйте или для исходного кода.{{code}}<code>
  • Используйте или для компьютерного ввода (не обязательно отображать фактические нажатия клавиш){{kbd}}<kbd>
  • Используйте или для примера вывода из программы или системы (может включать списки каталогов и другие материалы){{samp}}<samp>
  • Используйте или для имен переменных (в коде, математике или даже синтаксических переменных при обычном написании).{{var}}<var>
  • Используйте для текста в моноширинном стиле без семантики, описанной выше.{{mono}}

Атрибуты таблицы [ править ]

Устаревшие атрибуты таблицы. [7]

Устаревший атрибутСтиль CSS в ячейкеCSS-стиль таблицыПоиск
  • align="left"
  • align="right"
  • align="center"
  • text-align: left
  • text-align: right;
  • text-align: center;
  • margin-left: auto
  • margin-right: auto;
  • margin: 1em auto;
  • (поиск статей)
  • (искать все)
bgcolor="#ddd"background-color: #ddd;background-color: #ddd;
  • (поиск статей)
  • (искать все)
border="2"border-width: 2px;border-width: 2px;
  • (поиск статей)
  • (искать все)
cellpadding="2"padding: 2px;
  • (поиск статей)
  • (искать все)
cellspacing="2"border-spacing: 2px;
  • (поиск статей)
  • (искать все)
cellpadding="0" cellspacing="0"padding: 0;border-collapse: collapse;
  • valign="top"
  • valign="middle"
  • valign="bottom"
  • vertical-align: top;
  • vertical-align: middle;
  • vertical-align: bottom;
  • (поиск статей)
  • (искать все)
width="25%"width: 25%;width: 25%;
  • (поиск статей)
  • (искать все)
  • {| summary="foo"
  • <table summary="foo">...</table>
См. T43917
  • (поиск статей)
  • (искать все)

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

  • frame: Используйте CSS для границ. (поиск статей) (поиск по всем)
  • rules: Используйте CSS для границ. (поиск статей) (поиск по всем)
  • axis: Использовать scopeв заголовке таблицы. (поиск статей) (поиск по всем)
  • alignна <caption>. (поиск статей) (поиск по всем)
  • height: Используйте heightили line-height. (поиск статей) (поиск по всем)

Кроме того, эти атрибуты в ячейках таблицы устарели. [8] [9]

  • abbr: Детальное содержание ячейки
  • scopeв ячейке таблицы: scopeдействительно только в заголовке таблицы

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

РазметкаДействительный 
{| align = right| {{navbar | Foo}}|}

{{navbar | Foo | style = float: right}}

Другие устаревшие атрибуты [ править ]

  • clear на <br />
УстаревшийЗаменаПоиск
<br clear=all /><div style="clear: both;"></div> ИЛИ ЖЕ {{clear}}
  • (поиск статей)
  • (искать все)
<br clear=left /><div style="clear: left;"></div> ИЛИ ЖЕ {{clear|left}}
<br clear=right /><div style="clear: right;"></div> ИЛИ ЖЕ {{clear|right}}
  • align на <div>
УстаревшийЗаменаПоиск
<div align=center>...</div><div style="text-align:​center">...</div>
  • (поиск статей)
  • (искать все)
<div align=left>...</div><div style="text-align:​left">...</div>
<div align=right>...</div><div style="text-align:​right">...</div>
<div align=justify>...</div><div style="text-align:​justify">...</div>

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

  • widthна <hr>...</hr> (поиск статей) (поиск по всем)
  • alignна <h1>...</h1>через<h6>...</h6>
  • typeна <li>...</li> (поиск статей) (поиск по всем)
  • alignна <p>...</p> (поиск статей) (поиск по всем)
  • widthна <pre>...</pre> (поиск статей) (поиск по всем)
  • typeна <ul>...</ul> (поиск статей) (поиск по всем)

Неправильно используемые элементы [ править ]

цитировать [ править ]

В предыдущих версиях HTML 4.01 и XHTML 1.1 использование <cite>...</cite>определялось целиком. С HTML 5 разгорелся давний спор:

  • Спецификации W3C сохраняют широкое использование, хотя теперь требуют, чтобы материал содержал по крайней мере одно из: название цитируемой работы, ее автора, URL-адрес работы или сокращенную ссылку (короткое цитирование, как используется в ссылках Гарварда) . Этой спецификации придерживается большинство веб-разработчиков.
  • В WHATWG спецификации ограничили элемент в названии работы только . Это спецификация, которой придерживается большинство разработчиков браузеров. Единственным практическим следствием разрыва WHATWG и W3C для этого элемента является то, что стандартная обработка элемента в браузере (выделение его содержимого курсивом) будет применяться к большему количеству материалов, чем заголовок. Однако CSS для всего сайта Википедии в любом случае отключает эту стилизацию (согласно MOS: TITLES , только названия определенных видов работ должны быть выделены курсивом).

W3C ненадолго переключился на определение WHATWG на этапах черновика HTML 5, но вернулся к своему собственному определению в 2012 году после протеста сообщества веб-разработчиков.

Следуя общепринятой практике (например, использование <cite>круглых ссылок на идентификаторы авторов в программном обеспечении для блогов и форумов, а также многие другие хорошо развернутые способы использования элемента не только для названий работ), Википедия следует Рекомендации W3C HTML 5.2, которая заменила HTML 4.01. , XHTML 1.1 и все другие предыдущие спецификации HTML W3C [X]. Наша система шаблонов цитирования оборачивает всю цитату в <cite>...</cite>элемент.

Обратите внимание, что использование <cite>существует без закрытия </cite>или неправильно закрыто с помощью </span>; их нужно отремонтировать.

При использовании с шаблоном Citation Style 1 или Citation Style 2 добавленный вручную <cite>должен быть удален как избыточная разметка:

УстаревшийЗаменаПоиск
<cite>{{cite book | last = Sappol | first = Michael | title = Торговля мертвыми телами: анатомия и воплощенная социальная идентичность в Америке девятнадцатого века | publisher = Princeton University Press | location = Princeton, New Jersey | date = 2002 | isbn = 0-691-05925-X | url = http: //books.google.com/books/princeton? Id = -9cKRzEx6ywC & printsec = frontcover & dq = A + Traffic + of + Dead + Bodies}}</cite>{{cite book | last = Sappol | first = Michael | title = Торговля мертвыми телами: анатомия и воплощенная социальная идентичность в Америке девятнадцатого века | publisher = Princeton University Press | location = Princeton, New Jersey | date = 2002 | isbn = 0-691-05925-X | url = http: //books.google.com/books/princeton? Id = -9cKRzEx6ywC & printsec = frontcover & dq = A + Traffic + of + Dead + Bodies}}
  • (поиск статей)
  • (искать все)

Если идентификатор привязки используется вручную с шаблоном цитирования, идентификатор следует переместить в |ref=параметр. Кроме того, при удалении тегов цитирования с помощью, id=CITEREFпожалуйста, поймите, что это была справочная информация вручную, и ее необходимо обновить , разместив |ref=harv, а затем убедившись, что все нумерованные |last=параметры, такие как |last1=доступны, что, в свою очередь, может потребовать изменения любого (устаревшего) пронумерованного параметра, используемого в параметр и соответствующий один. См. Пример с и без и ниже.|authorx=|lastx=|firstx=id=CITEREF...|author3=

УстаревшийЗаменаПоиск
<cite id = Альберти>{{цитировать книгу | last = Arnold | first = David LG || editor-first = John | editor-last = Alberti | date = 2003 | title = [[Покидая Спрингфилд | Покидая Спрингфилд: Симпсоны и возможность оппозиционной культуры] ] | location = Детройт | publisher = [[Wayne State University Press]] | chapter = Use a Pen, Sideshow Bob: The Simpsons and the Threat of High Culture | isbn = 0-8143-2849-0}}</cite> {{цитировать книгу | last = Arnold | first = David LG | editor-first = John | editor-last = Alberti | date = 2003 | title = [[Покидая Спрингфилд | Уезжая из Спрингфилда: Симпсоны и возможность оппозиционной культуры]] | location = Детройт | publisher = [[Wayne State University Press]] | chapter = Use a Pen, Sideshow Bob: The Simpsons and the Threat of High Culture | isbn = 0-8143-2849-0 | ref = Альберти}}
  • (поиск статей)
  • (искать все)
<cite id = "CITEREFAsphaugRyanZuber2003">{{cite journal | last = Asphaug | first = Erik | last2 = Ryan | first2 = Eileen V. |автор3= Зубер, Мария Т. | title = Интерьеры астероидов | journal = Asteroids III | pages = 463–484 | publisher = University of Arizona | location = Tucson | date = 2003 | url = http://www-geodyn.mit.edu/asphaug. interiors.pdf | access-date = 2009-01-04 | bibcode = 2002aste.conf..463A}}</cite>{{cite journal | last = Asphaug | first = Erik | last2 = Ryan | first2 = Eileen V. |last3= Зубер | first3 =Мария Т. | title = Интерьеры астероидов | journal = Asteroids III | pages = 463–484 | publisher = University of Arizona | location = Tucson | date = 2003 | url = http://www-geodyn.mit.edu/asphaug. interiors.pdf | access-date = 2009-01-04 | bibcode = 2002aste.conf..463A}}
  • (поиск статей)
  • (искать все)

Инструменты [ править ]

Этот раздел является выдержкой из Википедии: WikiProject Проверить Википедию § Инструменты [ править ]

Следующие инструменты могут быть полезны при проверке Википедии:

  • WPCleaner (WPC) (несколько языков)
  • AutoWikiBrowser (AWB) (несколько языков)
    • JavaScript Wiki Browser (JWB) (английский)

Следующие скрипты также могут быть полезны при проверке Википедии:

  • AutoEd очищает WikiSyntax и элементы HTML. (Английский)
  • autoFormatter (английский и немецкий)
  • Гаджет ArticleInfo (на нескольких языках)
  • lintHint (английский и немецкий)

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

  • lint.css (не зависит от языка; инструкции на английском языке)

См. Также: Википедия: ЛИНТЕР § Отчеты.

Боты [ править ]

Боты на основе AWB или Pywikibot могут исправить многие проблемы.

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

ИмяАктивный?Исправлены ошибки
(по номеру задачи CW)
BG19bot  ( список задач  · вклад )Нетмного
Dexbot  ( список задач  · вклад )да7, 19, 25, 83
FrescoBot  ( список задач  · вклад )да16, 48, 64
Josvebot  ( список задач  · вклад )да6, 16, 37
MenoBot  ( список задач  · вклад )дамного
PkbwcgsBot  ( список задач  · вклад )да2, 3 , 7, 16, 17, 25, 32, 85, 86 , 88, 90, 91, 524
WikiCleanerBot  ( список задач  · вклад )да1 , 2 , 7 , 16 , 17 , 25 , 46 , 48 , 61 , 64 , 83 , 85 , 88 , 90 , 91 , 92 , 106 , 513 , 532 , 534 , 539 , 540 , 543 , 547 , 548 , 549 , 550 , 551 ,553 , 557 , 558
Xqbot  ( список задач  · вклад )да3
Йобот  ( список задач  · вклад )Нетмного
Некоторые ошибки здесь боты исправляют автоматически. Любая ошибка с меткой «BOT» обычно в какой-то момент исправляется ботом, поэтому исправлять их вручную не нужно.

Сборник дальнейших идей [ править ]

  • Бот для вставки атрибутов данных на основе синтаксиса SortKey. Å ñŧóñŜûŝî (Ð)  
  • Предупредить пользователя с помощью Special: AbuseFilter .
  • Adapt de: MediaWiki: Gadget-Extra-Editbuttons.js ( обсуждение )
  • Адаптация : Benutzer: PerfektesChaos / js / WikiSyntaxTextMod

Участники [ править ]

Этот список участников довольно уродлив; вероятно, более практично добавить себя в Википедию: WikiProject Проверить Википедию / Участники , поскольку это полномасштабный википроект, посвященный этой и другим формам технической очистки Википедии.
  • Всего наилучшего: Рич  Фармбро , 20:04, 15 октября 2015 г. (UTC).
  • Хорошо пойти. - Cp i r al Cpiral 07:25, 23 декабря 2015 г. (UTC).
  • Я готов! Пользователь: TurboSonic , 2:30, 12 марта 2019 г. (UTC).
  • Занимаюсь этим уже много лет.  -  SMcCandlish ☏ ¢  😼  06:41, 3 мая 2019 г. (UTC)

См. Также [ править ]

  • Справка: HTML в вики-тексте
  • mw: Разбор / замена Tidy / FAQ § Что нужно делать редакторам? - упрощенная инструкция по исправлению страниц для современного парсера MediaWiki
  • Википедия: WikiProject Check Wikipedia - находит некоторые устаревшие HTML-теги, среди других форм очистки
  • Википедия: ЛИНТЕР - расширение MediaWiki для выявления неработающей и проблемной разметки, которая не может быть автоматически исправлена ​​сервером.
  • Википедия: Руководство по стилю / доступности
    • Википедия: Доступность WikiProject

Ссылки [ править ]

  1. ^ HTML-элемент # Презентация
  2. ^ a b «15.2 Несоответствующие характеристики» . Уровень жизни HTML .
  3. ^ http://www.w3.org/TR/html5-diff/#obsolete-elements
  4. ^ SELFHTML - Список элементов для разметки
  5. ^ a b SELFHTML - HTML / не рекомендуется
  6. ^ W3C (10.03.2018). «Уровень 3 модуля шрифтов CSS» . Проверено 23 июня 2018 .
  7. ^ «Таблица» . W3C .
  8. ^ "Ячейка таблицы" . W3C .
  9. ^ "Ячейка заголовка таблицы" . W3C .