miércoles, 9 de enero de 2013

XHTML



¿Qué es?
XHTML o Lenguaje de marcado de hipertexto, extendido es sucesor de HTML, XHTML es un lenguaje para diseñar paginas web, de un modo organizado, haciendo una pagina web con código mas fácil de entender y elaborar. 
¿Ventajas?
El código XHTML tiene grandes ventajas tales como son:


Las etiquetas siempre que se abran se van cerrando en el orden que se abrieron, así se mantiene un orden.
En código XHTML en sus etiquetas las etiquetas las maneja en minúsculas, por lo tanto se va haciendo muchísimo mas claro todo el código. 
¿Qué necesito aprender?
Para manejar código de XHTML es necesario aprender a manejar etiquetas de HTML, aprender a ser ordenado, ya que en XHTML es necesario mantener el código ordenado para que sea comprensible. 
¿Alguna sintaxis a seguir?
     1)    Las etiquetas se tienen que cerrar de acuerdo a como se abren:
Ejemplo correcto en XHTML:
<p>Este es un párrafo con <a>un enlace</a></p>
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<p>Este es un párrafo con <a>un enlace</p></a>
      2)    Los nombres de las etiquetas y atributos siempre se escriben en minúsculas:
Ejemplo correcto en XHTML:
<p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<P>Este es un párrafo con <A HREF="http://www.google.com">un enlace</A></P>
      3)    El valor de los atributos siempre se encierra con comillas:
Ejemplo correcto en XHTML:
<p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<p>Este es un párrafo con <a href=http://www.google.com>un enlace</a></p>
      4)    Los atributos no se pueden comprimir:
Ejemplo correcto en XHTML:
<dl compact="compact">...</dl>
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<dl compact>...</dl>
Este tipo de atributos en los que el nombre coincide con su valor no son muy habituales.
      5)    Todas las etiquetas deben cerrarse siempre:
La mayoría de etiquetas HTML encierran un contenido de texto entre la etiqueta de apertura y la etiqueta de cierre. Sin embargo, algunas etiquetas especiales llamadas "etiquetas vacías" no necesitan encerrar ningún texto.
¿Algún código de ejemplo?
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--Este es un comentario y no sera tomado en cuenta por el navegador -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Titulo de la pagina</title>
</head>
<body>
<p>Primer documento XHTML, es decir un, Hola mundo</p>
</body>
</html>
¿Alguna aplicación disponible en línea?
Para manipular código XHTML se puede usar varios programas, desde un programa muy simple como seria un editor de texto, hasta una herramienta especializada para manejar código web como seria: Coda, Komodo, Notepad++, iweb, entre otras aplicaciones mas.

2.5. Sintaxis de las etiquetas XHTML”, extraído: 8 de enero del 2013, desde: http://www.librosweb.es/xhtml/capitulo_2/sintaxis_de_las_etiquetas_xhtml.html
XHTML Básico”, extraído: 8 de enero del 2013, desde: http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml-basic.html
Primer documento XHTML”, extraído: 8 de enero del 2013, desde: http://manual-xhtml.blogspot.mx/2006/05/primer-documento-xhtml.html
“1.4. HTML y XHTML”, extraído: 8 de enero del 2013, desde: http://www.librosweb.es/xhtml/capitulo_1/html_y_xhtml.html
XHTML”, extraído: 8 de enero del 2013, desde: http://es.wikipedia.org/wiki/XHTML

No hay comentarios:

Publicar un comentario