XHTML:
XHTML, acrónimo inglés de eXtensible Hypertext Markup Language (lenguaje
extensible de marcado de hipertexto), es el lenguaje de marcado pensado
para sustituir a HTML como estándar para las páginas web. XHTML es la
versión XML de HTML, por lo que tiene, básicamente, las mismas
funcionalidades de HTML, pero cumple las especificaciones, más
estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide
Web Consortium de lograr una web semántica, donde la información, y la
forma de presentarla estén claramente separadas. En este sentido, XHTML
serviría únicamente para transmitir la información que contiene un
documento, dejando para hojas de estilo (como las hojas de estilo en
cascada) y JavaScript su aspecto y diseño en distintos medios
(ordenadores, PDAs, teléfonos móviles, impresoras...).
Diferencias entre HTML y XHTML:
La siguiente lista muestra algunas reglas de XHTML 1.0 que lo
diferencian de HTML 4.01. Muchas de estas diferencias vienen con el
cambio de ser una aplicación SGML a ser una aplicación del más estricto
XML:
.- Los elementos vacíos deben cerrarse siempre:
Incorrecto: <br>
Correcto: <br></br> o <br/> o <br />
Nota: Cualquiera de las tres formas es válida en XHTML. Se recomienda el
cierre <br /> por razones de compatibilidad.
.- Los elementos no vacíos también deben cerrarse siempre:
Incorrecto: <p>Primer párrafo<p>Segundo párrafo
Correcto: <p>Primer párrafo</p><p>Segundo párrafo</p>
.- Los elementos anidados deben tener un correcto orden de
apertura/cierre (el que se abre último, debe cerrarse primero).
Incorrecto: <em><strong>Texto</em></strong>
Correcto: <em><strong>Texto</strong></em>
.- Se debe siempre especificar un texto alternativo para imágenes
(atributo "alt" para la etiqueta "img").
Incorrecto: <img src="http://upload.wikimedia.org/wikipedia/es/b/bc/Wiki.png"
/>
Correcto: <img src="http://upload.wikimedia.org/wikipedia/es/b/bc/Wiki.png"
alt="Logo: Wikipedia, la enciclopedia libre" />
.- Insertar elementos de bloque dentro de elementos de línea.
Incorrecto: <em><h2>Título</h2></em>
Correcto: <h2><em>Título</em></h2>
.- Los valores de los atributos deben siempre ir encerrados entre
comillas (simples o dobles).
Incorrecto: <td rowspan=3>
Correcto: <td rowspan="3">
Correcto: <td rowspan='3'>
.- El símbolo & (ampersand) debe ser usado únicamente como parte de una
entidad.
Incorrecto: Cars & houses
Correcto: Cars & houses
Incorrecto: <a src="http://www.domname.com/index.php?id=1&cat=2">Category
2</a>
Correcto: <a src="http://www.domname.com/index.php?id=1&cat=2">Category
2</a>
.- Los nombres de elementos y atributos deben ir en minúsculas.
Incorrecto: <A HREF="http://www.domname.com">Domname</A>
Correcto: <a href="http://www.domname.com">Domname</a>
.- No está permitida la minimización de atributos (se usa el nombre del
atributo como valor).
Incorrecto: <textarea readonly>Solo-lectura</textarea>
Correcto: <textarea readonly="readonly">Solo-lectura</textarea>
.- Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.
Incorrecto: <font color="#0000FF">Blue text</font>
Correcto: <span style="color: #0000FF;">Blue text</span>
