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

Origem: Wikipédia, a enciclopédia livre.
Ir para: navegação, pesquisa
Atalho:
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[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.
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[editar código-fonte]

Ideias[editar código-fonte]

Ver também[editar código-fonte]

  • Código CSS para destacar os elementos inválidos presentes na página.