ProgramaciónEtiquetas validas XHTML

Aqui todo lo que tenga que ver con los lenguajes de programación, html, css, php, javascript, flas, etc.

Moderator: Carlos

Forum rules
NO SE DA SOPORTE, ESTE FORO ES PURA INFORMACIÓN PARA DEBATIR.
Previous topicNext topic
User avatar
cisco007
Usuario
Usuario
Posts: 375
Joined: 05 Jan 2012 15:59:22
Bandera: Mexico
Nombre real: cisco

Etiquetas validas XHTML

Post by cisco007 »

[align=center]XHTML 1.0 Strict Guías de Cumplimiento[/align]
[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!
[align=left]XHTML 1.0 Strict Atributos de etiqueta[/align]
<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">
<tr>:
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">
<td>:
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">
<p>:
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">
<font>:
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">
<img>:
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}
la etiqueta <center>, tampoco es atributo valido xhtml, por lo tanto se usa mejor:
  • <div style="text-align: center;">
  • o con clase: <div class="center">
    • center {text-align: center;}
[align=left]Mozilla Firefox y el atributo alt[/align]

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" />
<blockquote>:
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>
Nota: El elemento blockquote crea el espacio en blanco en ambos lados del texto.

A nivel de bloque elementos HTML:
  • <blockquote>
  • <div>
  • <form>
  • <ol>
  • <p>
  • <table>
  • <ul>
Preparándose para XHTML Strict 2.0
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.
User avatar
cisco007
Usuario
Usuario
Posts: 375
Joined: 05 Jan 2012 15:59:22
Bandera: Mexico
Nombre real: cisco

Re: Etiquetas validas XHTML

Post by cisco007 »

[cisco_note]reservado[/cisco_note]
Previous topicNext topic

Return to “Programación”