Wikipédia:Projetos/Padronização/HTML5

WP:HTML5

Devido aos avanços no desenvolvimento do HTML5, as páginas passaram a ser geradas pelo software MediaWiki neste formato. Esta página destina-se a ajudar na adaptação das páginas da Wikipédia ao HTML5.

Tarefas

A implementação dos novos atributos HTML5 aceitos pelo software MediaWiki, que incluem:

Atributo data-sort-value nas células das tabelas. Permitindo assim a substituição de predefinições como SortKey, SortDate, SortKeyName, Nts, Dts e Dtsx.
Outros atributos de dados.

Atributos para a formatação de texto^[1]
inválidos em HTML5^[2]^[3]	Possíveis substituições
<center>… {\| align="center" \|- align="center" \| align="center" \| …	<div class="center">… <!-- corresponde aos usos de text-align: center, e também de margin: auto nos elementos internos --> <div style="text-align: center;">… {\| style="margin: auto;" \|- style="text-align: center;" \| <div style="margin: auto;">… Atenção, estes dados não são equivalentes. O código obsoleto centralizava muito mais coisas, os valores em CSS aplicam-se apenas aos elementos em bloco ou em linha. Em certos casos, é preciso alterações profundas para replicar com CSS o aspecto que era obtido com o código obsoleto.
valign="top"	style="vertical-align: top;"
<strike>…	<s>… <del>… <span style="text-decoration: line-through;">…
<big>…	<span style="font-size: larger;">… ! style="font-size: 125%;" \| … Dependendo do caso, usar um `<div>` em vez de um `<span>` permite que um `style` seja reutilizado. Note que `larger` pode produzir um tamanho de fonte um pouco menor do que o que era gerado por um `<big>`.
<font size="3">…	<span style="font-size: 125%;"> <small>… Aqui faz sentido utilizar porcentagens. No entanto, não há uma conversão direta uma vez que o tamanho exato depende do contexto e, em parte, do navegador utilizado. Deve-se simplesmente decidir o tamanho apropriado a cada caso, geralmente arredondando para múltiplos de 10%.
<font color="red">…	<span style="color: red;">… <span class="error">…
<font face="Courier">…	<span style="font-family: Courier, monospace;">… <span style="font:125% Courier, monospace;">… <!-- em combinação com size --> A especificação deve terminar sempre com uma fonte genérica, geralmente `serif`, `sans-serif` ou `monospace`, e raramente `cursive` ou `fantasy`. Em geral, pode-se remover completamente essa exigência de fonte inflexível ou substituída por elementos semânticos tais como `<code>` (ver a seguir).
<tt>…	<code> <kbd>… <samp>v <span style="font-family: monospace;">… Dependendo do caso, use `<code>` para fragmentos de código, `<kbd>` para conteúdo introduzido por um teclado e `<samp>` para um dado de saída do computador, e possivelmente `<var>` para variáveis.^[4] Cuidado: o código `font-family:monospace` reduz inesperadamente o tamanho da fonte em navegadores baseados em Gecko e WebKit. Ver de:MediaWiki talk:Geshi.css e bugzilla:26204.

Participantes

Helder

Ideias

Um bom robô para inserir atributos "data" a partir da sintaxe da SortKey: ÅñŧóñŜûŝî (Ð)
A implementação de avisos por meio do filtro de abusos.
Adaptação de de:MediaWiki:Gadget-Extra-Editbuttons.js (discussão)
Adaptação de de:Benutzer:PerfektesChaos/js/WikiSyntaxTextMod

Ver também

Wikipédia:Padrão visual
Código CSS para destacar os elementos inválidos presentes na página.
Ajuda:Extensão:Linter/etiquetas obsoletas no MediaWiki.

[1] :HTML element#Presentation

[2] ttp://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features

[3] ttp://www.w3.org/TR/html5-diff/#obsolete-elements

[txta-4] SELFHTML – Lista de elementos para formatação de texto

[1]

[2]

[3]

[4]