Blog Borchani Studios

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. Para compatibilidad según el “Apéndice C” debe usarse <br />.
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>
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′>
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>

FUENTE: http://es.wikipedia.org/wiki/XHTML

XHTML es una “reformulación de los tres tipos de documento definidos por HTML 4, pero como aplicaciones de XML”.[1] Al mismo tiempo el W3C continúa recomendando el uso de HTML 4 y al mismo tiempo avanza en la especificación de HTML 5 (y XHTML5).

Se sintió que era necesaria una versión más estricta de HTML principalmente porque el contenido de la World Wide Web ahora puede visualizarse desde numerosos dispositivos (como móviles) aparte de las computadoras de escritorio tradicionales, donde no se contaría con los recursos necesarios para afrontar la complejidad de la sintaxis del HTML. Sin embargo, en la práctica, fueron apareciendo navegadores para dispositivos móviles que pueden manejar documentos HTML comunes, antes que XHTML sea adoptado por los navegadores principales.

En octubre de 2005 aproximadamente el 10% de los internautas utilizaban un navegador compatible con el estándar XHTML. El Internet Explorer de Microsoft es incompatible con XHTML, a pesar de que esta empresa sea miembro de la W3C. Por tanto, gran parte de los autores de sitios web se ven forzados a elegir entre la escritura de documentos válidos, respetuosos con los estándares u ofrecer contenido que se visualice correctamente en la mayor parte de los navegadores, del mismo modo, la corroboración de los específicos es vital para las fluctuaciones pertinentes.

Las diferencias entre HTML y la primera generación de XHTML (es decir, XHTML 1.x) son menores ya que, principalmente, están destinados a conseguir la conformidad con XML. El cambio más importante es el requisito de que el documento esté bien formado y que todas las etiquetas estén explícitamente cerradas, como se requiere en XML. Como las etiquetas en XML distinguen entre mayúsculas y minúsculas (case-sensitive), la recomendación XHTML ha definido todos los nombres de etiqueta en minúsculas. Lo cual está en contraste directo con las tradiciones extendidas en el tiempo de HTML 2.0, cuando mucha gente prefería las mayúsculas para estos casos, normalmente para mostrar más fácilmente el contraste de éstas con el contenido. En XHTML, los valores de los atributos deben encerrarse entre comillas (siempre comillas “dobles”). Al contrario ocurría en SGML y por consecuencia en HTML, donde las comillas podían omitirse en algunos casos. Todos los elementos han de ser explícitamente cerrados, incluyendo elementos vacíos como pueden ser img o br. Esto puede hacerse añadiendo una barra a la etiqueta: <img … /> y <br />. La minimización de atributos (como <option selected>) está también prohibida; en lugar de eso, se usa <option selected=”selected”>. Hay más diferencias detalladas en la RECOMENDACIONES XHTML 1.0 DE LA W3C

FUENTE :http://es.wikipedia.org/wiki/XHTML

El primero es este enlace de Apples to Oranges es bastante antiguo, del 2005, pero conserva su utilidad, se trata de ejemplos de código XHTML y CSS para crear gráficas de barras como estas:

Otras 14 posibilidades y herramientas útiles para representar datos gráficamente con CSS:

1. Pure CSS Data Chart
2. Accesible data visualization with Web Standars
3. Creating a Graph Using Percentage Background Images
4. CSS Scatter Plot
5. Definition List Bar Chart
6. Accessible Bar Chart
7. Ajax MGraph
8. PlotKit
9. CSS + Javascript Bar Charts
10. Vertical Bar Graphs with CSS and PHP
11. CSS Vertical Bar Graphs
12. Displaying Percentages with CSS
13. Dynamic Pie Chart with CSS
14. Real World Bar Graphs (with some CSS)