[align=left]XHTML 1.0 Strict trucos esenciales[/align]
Lista de los fundamentos:
- Todas las etiquetas en minúsculas. Por ejemplo: <td> en lugar de <TD>
- Todas las etiquetas deben ser cerradas, especialmente los siguientes:
- <b> debe ser: <br />
- <hr> debe ser: <hr />
- <img> debe ser: <img --otras cosas-- />
- <input> debe ser: <input --other stuff-- />
- etiqueta img debe tener un atributo alt.
- Por ejemplo: <img src="images/test.gif" alt="Prueba" />
- Etiquetas debería estar cerradas en orden que se abrieron. Por ejemplo:
- <p><span></ p></ span> <--- Incorrecto!
- <p><span></span></ p> <--- Correcto!
<table>:
los atributos "align" y "bgcolor" del elemento de tabla no son compatibles con XHTML 1.0 Strict DTD.
Posibles soluciones:
Puede utilizar elementos de estilo en línea o una clase desde un archivo CSS (Cascading Style Sheet).
Por ejemplo:
- <table style="text-align:center;margin:0 auto 0 auto">
- <table style="background-color:blue">
- <table class="table-bg">
El atributo "bgcolor" del elemento [c]tr[/c] no son compatibles con XHTML 1.0 Strict DTD.
Posibles soluciones:
Puede utilizar elementos de estilo en línea o una clase desde un archivo CSS (Cascading Style Sheet).
Por ejemplo:
- <tr style="background-color:blue">
- <tr class="tr-bg">
los atributos "bgcolor", "height", "width" y "nowrap" del elemento [c]td[/c] no son compatibles con XHTML 1.0 Strict DTD.
Posibles soluciones:
Puede utilizar elementos de estilo en línea o una clase desde un archivo CSS (Cascading Style Sheet).
Por ejemplo:
- <td style="height:30px;width:50%">
- <td style="width:100%">
- <td style="width:30px">
- <td style="text-align:center;margin:0 auto 0 auto">
- <td style="text-align:right">
- <td style="background-color:blue">
- <td style="background-color:#be12ff">
- <td class="td-bg">
- <td id="cell-bg">
- <td style="white-space:nowrap">
Todos los "atributos de presentación" del elemento de [c]p[/c] no son compatibles con XHTML 1.0 Strict DTD.
<div>:
El atributo "align" del elemento div no es compatible con XHTML 1.0 Strict DTD.
Posibles soluciones:
Puede utilizar elementos de estilo en línea o una clase desde un archivo CSS (Cascading Style Sheet).
Por ejemplo:
- <div style="text-align:center;margin:0 auto 0 auto">
<div class="div-class">
La etiqueta <font> no es compatible con XHTML 1.0 Strict DTD.
Posibles soluciones:
Usted puede utilizar la etiqueta <span> con elementos de estilo en línea o en una clase de un archivo CSS (Cascading Style Sheet).
Por ejemplo:
- <span style="font-size:medium">
- <span style="font-size:12pt">
- <span style="font-size:larger">
- <span style="color:red"> <--- color del texto se mostrará en rojo
- <span class="title">
- <span class="tiny">
El "align", "border", "hspace" y "vspace" atributos del elemento de imagen no son compatibles con XHTML 1.0 Strict DTD.
Posibles soluciones:
Puede poner esta línea en un archivo CSS (Cascading Style Sheet) por lo que no se muestran las fronteras alrededor de las imágenes.
- img {border: none}
- <div style="text-align: center;">
- o con clase: <div class="center">
- center {text-align: center;}
Si usa el atributo alt en Firefox en imágenes y mapas de imágenes en el texto no se mostrará al pasar el ratón por encima, como en otros navegadores.
Firefox utiliza el atributo alt de la forma en que está destinado a ser utilizado como un texto alternativo si la imagen no se carga, no como un texto ratón por encima.
Firefox soporta el ratón sobre los comentarios sobre las imágenes o mapas de imagen si se utiliza un atributo de título en la etiqueta <img>.
Por ejemplo:
- <img src="image.gif" alt="bla" title="bla bla bla" />
La etiqueta blockquote se supone que sólo contienen elementos de bloque dentro de ella, y no sólo el texto sin formato.
Para validar la página como XHTML estricto, debe agregar un elemento a nivel de bloque en todo el texto dentro de la etiqueta blockquote, así:
- <blockquote>
<p>aquí hay una larga cita que aquí hay una larga cita</p>
</blockquote>
A nivel de bloque elementos HTML:
- <blockquote>
- <div>
- <form>
- <ol>
- <p>
- <table>
- <ul>
Hay un par de cosas que se pueden hacer ahora para obtener el código listo para XHTML 2.0:
cambiar <b> a <strong>
cambiar <i> a <em>
[align=center]Otras Etiquetas[/align]
<marquee>:
La etiqueta crea un texto de marquesina.
Esta etiqueta no es parte de la especificación XHTML, pero la mayoría de navegadores modernos lo soportan.