Wikipédia:Projetos/Padronização/HTML5 – Wikipédia, a enciclopédia livre
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
[editar código-fonte]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.
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 |
<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 |
<tt>… | <code> <kbd>… <samp>v <span style="font-family: monospace;">… Dependendo do caso, use |
Participantes
[editar código-fonte]Ideias
[editar código-fonte]- 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
[editar código-fonte]- 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.