Está en la página 1de 4

Qu es exactamente XHTML?

y y y y

Es un reemplazo del HTML tradicional Es una versin ms estricta y limpia del HTML Se define como una aplicacin XML Es una recomendacin del W3C

Reglas bsicas del XHTML


Al ser una recomendacin y un estndar, es necesario observar que nuestros documentos XHTML deben respetar ciertas reglas bsicas :

1. Todos los elementos deben estar debidamente jerarquizados


Cuando estamos escribiendo nuestros documentos es muy comn que erroneamente encerremos elementos de forma inadecuada, por ejemplo: <p><i>El <b>Veloz murcielago hind</b> coma feliz cardillo y caa</p></i> En este ejemplo, hemos cerrado la etiqueta de prrafo antes de lo debido, en algunos navegadores esto pasar desapercibido, sin embargo la forma correcta es la siguiente: <p><i>El <b>Veloz murcielago hind</b> coma feliz cardillo y caa</i></p>

2. Todo documento debe estar bien formado


Lo cual quiere decir que todos nuestros documentos deben tener al menos la siguiente estructura: <html> <head> ... </head> <body> ... </body> </html>

3. Los nombres de las etiquetas deber estar en mnusculas


Al ser XHTML una aplicacin XML, est hace diferencia entre maysculas y minsculas, por lo que <BODY> y <body> son dos cosas muy diferentes

4. Todas las etiquetas deben cerrarse


En versiones anteriores del HTML era posible dejar etiquetas sin cerrar, incluso yo alcanc a leer algunos libros donde el mismo autor te deca que no era necesario cerrar tal o cual etiqueta, en XHTML es obligatorio que todas las etiquetas sean cerradas, por lo que: <p>Esto es un prrafo

Es incorrecto, en su lugar debe ser: <p>Esto es un prrafo</p> El cual tiene su etiqueta de cierre correspondiente. en los casos donde las etiquetas son unarias como <br>, <hr>, <img> y otras, el cierre se da dentro de ella misma, terminando la etiqueta con />, por ejemplo: Este texto hace un <br /><b>Salto de Lnea</b> y despus pone una lnea abajo <br /><hr />

5. Los nombres de los atributos deben ir en minsculas


Por lo antes mencionado en el punto 3, todos los nombres de atributos para una etiqueta deben ir en minsculas, por ejemplo: <img SRC="imagen.gif"> es invlido, en su lugar <img src="imagen.gif" /> sera lo correcto

6. Los valores de los atributos deben ir entre comillas


Esto para evitar confusiones, por ejemplo: <div align=center> es incorrecto, en su lugar use <div align="center">

7. El atributo id reemplaza al atributo name


En XHTML el atributo name est descontinuado, en su lugar use el atributo id: <input type="text" id="txt_nombre" size="25" /> Slo en casos de compatibilidad con navegadores antiguos debe usarse el atributo name, si estamos usando XHTML transicional, el atributo name es permitido.

Reglas generales de XHTML 1.0


Esta lista de reglas debe ser considerada como una lista de diferencias entre HTML y XHTML. Si nunca has escrito documentos HTML anteriormente, considera esta lista de recomendaciones mientras lees los tutoriales HTML y la referencia HTML. Encontrars que en cada lugar posible de este sitio, estas recomendaciones estn presentes.
y

Los tags no vacos deben ser cerrados siempre. No hay cierre opcional en XHTML. o Vlido: <p>Prrafo</p> o Invlido: <p>Prrafo

Los tag vacos deben ser correctamente cerrados. Para lograr esto puedes usar un cierre normal o puedes cerrar el tag poniendo un espacio seguido de una barra al final del tag de apertura. o Vlido: <img src="boton.jpg"></img><img src="boton.jpg" /> o Invlido: <img src="boton.jpg"> Los nombres de tags y atributos deben ser escritos en minsculas para adaptarse a la sensibilidad a maysculas/minsculas de XML (con la excepcin del tag HTML !DOCTYPE). o Vlido: <a
o href="http://www.htmlquick.com/es/tutorials.html">Texto ancla</a> Invlido: <A Href="http://www.htmlquick.com/es/tutorials.html">Texto ancla</A>

Los valores predefinidos de algunos atributos deben estar en minsculas debido a la sensibilidad a maysculas/minsculas de XML. o Vlido: <input type="submit" /> o Invlido: <input type="SUBMIT" /> Los valores de los atributos deben ser adecuadamente encerrados entre comillas (simples o dobles). Las comillas no son opcionales en XHTML. o Vlido: <span id="id1" class='importante'>Texto</span> o Invlido: <span class=importante>Texto</span> Los atributos booleanos no pueden ser abreviados (usando solo el nombre del atributo). Como valor debes especificar el nombre del atributo. o Vlido: <button id="boton1"
o disabled="disabled">Ejecutar</button> Invlido: <button id="boton1" disabled>Ejecutar</ button>

Los elementos anidados deben obedecer correctamente su orden jerrquico. o Vlido: <span class="doble"><b>Ejecutar</b></span> o Invlido: <span class="doble"><b>Ejecutar</span></b> Los elementos de bloque no pueden ser declarados como contenido de los elementos de lnea. o Vlido: <div class="doble"><b>Ejecutar</b></div> o Invlido: <b><div class="doble">Ejecutar</div></b> Algunos elementos especficos no pueden ser declarados como contenido de otros elementos especficos. o El elemento "a" no debe contener otros elementos "a". o El elemento "pre" no debe contener otros elementos "img", "object", "big", "small", "sub" o "sup". o El elemento "button" no debe contener otros elementos "input", "select", "textarea", "label", "button", "form", "fieldset", "iframe" o "isindex". o El elemento "label" no debe contener otros elementos "label". o El elemento "form" no debe contener otros elementos "form". Todos los smbolos "&" deben ser escritos usando el nombre de entidad (&amp;), an en URLs. o Vlido: <a href="compraventa.php?id=1&amp;sub=2">Compra
&amp; venta</a> o

Invlido: <a href="compraventa.php?id=1&sub=2">Compra &


venta</a>

Las referencias de entidad de caracteres son sensibilidad a cambios en maysculas/minsculas de acuerdo a la regla de XML.

Vlido: &#xE1; - &aacute; (para ) Invlido: &#XE1; - &aAcuTe; (para ) El atributo "alt" debe estar siempre presente en el tag HTML img. o Vlido: <img src="pajaro.jpg" alt="Un pjaro volando"></img> o Invlido: <img src="pajaro.jpg"></img> El texto comentado ser completamente ignorado por un procesador XML, lo que significa que comentar scripts o cdigos de estilo para "ocultarlos" de los navegadores antiguos ser igual a borrarlos. Si el script o cdigo de estilo contiene un carcter "&" "<", stos sern procesados por el procesador XML. Para evitar este inconveniente puedes elegir entre declararlos en archivos externos o utilizar el bloque CDATA. o Vlido:
o o <style type="text/css"> <![CDATA[ p { color: blue; } ]]> </style> o

Invlido:
<style type="text/css"> <!-p { color: blue; } --> </style>

El atributo "name" ha sido formalmente desaprobado para los elementos a, applet, form, frame, iframe, img, y map, y puede ser excluido en futuras versiones.

Reglas XHTML para DTDs estrictos


En adicin a aquellas declaradas anteriormente, los documentos estrictos de XHTML (XHTML 1.0 Strict y XHTML 1.1) deben seguir estas reglas.
y

El texto no debe ser definido directamente en el cuerpo del documento (tag HTML body). En lugar de ello, insrtalo dentro de un prrafo, de un bloque div o de algn otro elemento. o Vlido: <body><p>Texto</p></body> o Invlido: <body>Texto</body>

También podría gustarte