Usuario:Vanbasten 23/HTML5
HTML5 se incorporó al software MediaWiki, y ha sido el predeterminado en los wikis de Wikimedia, desde septiembre de 2012.
Elementos y atributos obsoletos
[editar]Estos elementos y atributos ya no deberían usarse en las páginas de Wikipedia. Consulte los detalles de cada elemento o atributo para conocer su reemplazo recomendado.
center
[editar]No debe utilizarse la <center></center>, ya que esta está obsoleta.
Centrar texto
[editar]Para la mayoría del texto <center></center> puede ser reemplazada por la etiqueta {{Centrar}}.
| Obsoleto | Reemplazo | Búsqueda |
|---|---|---|
<center>Contenido</center>
|
{{Centrar|Contenido}}
|
Búsqueda de apariciones |
Centrar plantillas
[editar]Para conseguir el centrado de una plantilla, debe consultar la documentación de la plantilla que vaya a utilizar, ya que la mayoría tiene un parámetro para el estilo general o específicamente para la alineación. Si la plantilla no tiene un parámetro de alineación, considere agregar uno.
| Obsoleto | Reemplazo | Búsqueda |
|---|---|---|
<center>{{Galería de imágenes}}</center>
|
{{galería de imágenes|posición=center}}
|
Búsqueda de apariciones |
<center>{{Gráfica de evolución}}</center>
|
{{Gráfica de evolución|posición=center}}
|
Centrar tablas
[editar]Para conseguir el centrado de una tabla puede consultar Ayuda:Tablas.
| Obsoleto | Reemplazo |
|---|---|
<center>
|
{| class="wikitable center"{| style="margin: 1em auto;"
|
Si queremos centrar una columna y utilizamos wikitable, no es necesario centrar cada fila o cada celda de la tabla, se puede hacer con su clase. Utilizando {| class="wikitable col2cen" se centra toda la segunda columna.
| Título principal | Título secundario centrado | Tercera columna |
|---|---|---|
| Esto es una prueba | para ver | el centrado |
| En ella vemos | que la 2.ª columna | está centrada |
Y de la misma manera para centrar una celda:
| Obsoleto | Reemplazo |
|---|---|
| <center>Contenido</center>
|
|style="text-align: center;" | Contenido
|
Las celdas del encabezado están centradas de forma predeterminada.
Centrado de imágenes
[editar]Para conseguir el centrado de una tabla puede consultar Ayuda:Tutorial (imágenes).
| Obsoleto | Reemplazo |
|---|---|
<center>[[Imagen:Imagen.jpg]]</center>
|
[[Imagen:Imagen.jpg|centro]]
|
big
[editar]El tamaño de la letra no se controla con las etiquetas, sino con el CSS.
| Obsoleto | Reemplazo |
|---|---|
<big>Contenido</big>
|
<span style="font-size:large;">Contenido</span>
|
font
[editar]La etiqueta tiene tres atributos con propiedades CSS equivalentes:
| Atributos de font | CSS |
|---|---|
color |
color
|
face |
font-family
|
size |
font-size
|
| Obsoleto | Reemplazo |
|---|---|
<font color="red">Contenido</font>
|
<span style="color:red;">Contenido</span> O {{Color|rojo|Contenido}}
|
Es importante tener en cuenta que poniendo el nombre del color únicamente se conseguirán colores básicos especificados por el W3C para CSS. acepta más nombre de colores, pero CSS no los admite.
| Obsoleto | Reemplazo |
|---|---|
<font face="Times, serif">Contenido</font>
|
<span style="font-family:Times, serif;">Contenido</span>
|
Tenga en cuenta que en HTML el valor del atributo de tamaño no corresponde a ningún valor de CSS; solo acepta valores del 1 al 7.
| Obsoleto | Reemplazo |
|---|---|
<font size="1">Contenido</font> |
<span style="font-size:x-small;">Contenido</span> O {{font|text=Contenido|size=x-small}}
|
<font size="2">Contenido</font> |
<span style="font-size:small;">Contenido</span> O {{font|text=Contenido|size=small}}
|
<font size="3">Contenido</font> |
<span style="font-size:medium;">Contenido</span> O {{font|text=Contenido|size=medium}}
|
<font size="4">Contenido</font> |
<span style="font-size:large;">Contenido</span> O {{font|text=Contenido|size=large}}
|
<font size="5">Contenido</font> |
<span style="font-size:x-large;">Contenido</span> O {{font|text=Contenido|size=x-large}}
|
<font size="6">Contenido</font> |
<span style="font-size:xx-large;">Contenido</span> O {{font|text=Contenido|size=xx-large}}
|
En el siguiente ejemplo podemos ver el uso de los tres atributos de font:
| Obsoleto | Reemplazo |
|---|---|
<font size="3" color="red" face="times, serif">Contenido</font>
|
<span style="font-size:medium; color:red; font-family:Times, serif;">Contenido</span>
|
Atributos de tablas
[editar]Aquí se muestran algunos atributos de las tablas que están obsoletos:
| Obsoleto | CSS en la celda style="con el código de debajo" |
CSS en la tabla style="con el código de debajo" |
Búsqueda |
|---|---|---|---|
|
|
|
Búsqueda de apariciones |
bgcolor=#ddd
|
background-color: #ddd;
|
background-color: #ddd;
|
Búsqueda de apariciones |
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;
|
|
|
|
||
|
|
|