Bypass main content
Código XHTML (pagina 2)
Esta lista de reglas debe ser considerada como una lista de diferencias entre HTML y XHTML. Si nunca antes has escrito documentos HTML, considera esta lista como una recomendación mientras lees los tutoriales HTML y la referencia HTML. De todos modos, encontrarás que estas recomendaciones están presentes en todo el sitio.
- Los elementos no vacíos deben cerrarse siempre. No hay cierre opciona en XHTML.
- Válido:
<p>Párrafo 1 1</p><p>Párrafo 2</p>
- Inválido:
<p>Párrafo 1<p>Párrafo 2
- Los elementos vacíos deben ser cerrados correctamente. Para lograrlo puedes usar un cierre normal o puedes colocar una barra al final del tag de apertura (un espacio antes de la barra mejora la compatibilidad).
- Válido:
<img src="boton.jpg"></img><img src="boton.jpg" />
- Inválido:
<img src="boton.jpg">
- Los nombres de tags y atributos deben ir en minúsculas para encajar en la sensibilidad a maúsculas/minúsculas de XML (excepto por el tag HTML !DOCTYPE).
- Válido:
<a href="http://www.htmlquick.com/es/tutorials.html">Tutoriales</a>
- Inválido:
<A Href="http://www.htmlquick.com/es/tutorials.html">Tutoriales</A>
- Los valores predefinidos de ciertos atributos deben ir en minúsculas debido a la sensibilidad a maúsculas/minúsculas de XML.
- Válido:
<input type="submit" />
- Inválido:
<input type="SUBMIT" />
- Los valores de los atributos debn ser correctamente encerrados entre comillas (simples o dobles). Las comillas no son opcionales en XHTML.
- Válido:
<span id="id1" class='importante'>Texto</span>
- Inválido:
<span id=id1 class="importante'>Texto</span>
- Los atributos booleanos no pueden ser abreviados (usando solo el nombre del atributo sin ningún valor). Como valor se debe especificar el nombre del atributo mismo.
- Válido:
<button id="boton1" disabled="disabled">Ejecutar</button>
- Inválido:
<button id="boton1" disabled>Ejecutar</button>
- Los elementos anidados deben establecer correctamente su orden jerárquico (el primero en abrirse es el último es cerrarse).
- Válido:
<span class="doble"><strong>Ejecutar</strong></span>
- Inválido:
<span class="doble"><strong>Ejecutar</span></strong>
- Los elementos de bloque no pueden ser declarados como contenido de los elementos de línea.
- Válido:
<div class="doble"><span>Ejecutar</span></div>
- Inválido:
<span><div class="doble">Ejecutar</div></span>
- Algunos elementos específicos no pueden ser declarados como contenido de otros elementos específicos.
- El elemento "a" no debe contener otros elementos "a".
- El elemento "pre" no debe contener ningún elemeto "img", "object", "big", "small", "sub" ó "sup".
- El elemento "button" no debe contener ningún elemento "input", "select", "textarea", "label", "button", "form", "fieldset", "iframe" ó "isindex".
- El elemento "label" no puede contener a otros elementos "label".
- El elemento "form" no puede contener a otros elementos "form".
- Todos los símbolo "&" (ampersand) debe ser escritos utilizando su nombre de entidad (&), aún en las URLs.
- Válido:
<a href="compraventa.php?id=1&sub=2">Compra & venta</a>
- Inválido:
<a href="copraventa.php?id=1&sub=2">Compra & venta</a>
- Las referencias de caracteres son sensibles a mayúsculas/minúsculas.
- Válido:
á - á (for á)
- Inválido:
á - &aAcuTe; (for á)
- El atributo "alt" debe siempre estar presente en el tag HTML img.
- Válido:
<img src="ave.jpg" alt="Un ave volando" />
- Inválido:
<img src="ave.jpg" />
- El texto comentado será completamente ignorado por un procesador XML, lo que significa que comentar scripts o código de estilos para "ocultarlos" de los navegadores antigüos será como eliminarlos. Por otra parte, si un script o código presenta el carácter "&" ó "<" éstos serán procesados por el procesador XML (como parte del documento HTML) pudiendo producir resultados indeseables. Para evitar este problema puedes elegir declararlos en un archivo externo o utilizar los bloques CDATA.
- Válido:
<style type="text/css">
<![CDATA[
p { color: blue; }
]]>
</style>
- Inválido:
<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.
Además de aquellas declaradas previamente, los documentos XHTML estrictos (XHTML 1.0 Strict y XHTML 1.1) también deberían obedecer estas reglas.
- El texto no debe estar definido directamente como contenido del elemento HTML body en un documento. En cambio, puede insertarse en un párrafo, bloque div o cualquier otro elemento.
- Válido:
<body><p>Texto</p></body>
- Inválido:
<body>Texto</body>