Embed Size (px)
Citation preview
02/03/2015
1
INTRODUCCION A XHTML
XHTML, del ingléseXtensible HyperTextMarkup Language es muysimilar al lenguaje HTML.
Actualmente la versiónmás utilizada de
Existen también lasversiones 1.1 y 2.0
Actualmente, entre HTML4.01 y XHTML 1.0, lamayoría de diseñadoresescogen XHTML.
02/03/2015
2
Actualmente, si los diseñadores deben elegir entre HTML 5 y XHTML 1.1 o XHTML 2.0, quizás la elección sea diferente.
Es una adaptación extendida y mejoradade HTML basada en el lenguaje XML.
XHTML es un lenguaje más técnico y más
fácil de corregir
El estándar XHTML 1.0 incluye el 95% del estándar HTML 4.01, ya que sólo añade pequeñas mejoras y modificaciones menores basadas en XML
Técnicamente, HTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML
(que a su vez, también es descendiente de SGML).
Es un lenguaje extensible de etiquetado
Diseñado principalmente para el intercambio de datos entre diferentes plataformas
XML se usa en bases de datos, hojas de cálculo, editores de texto, etc.
Es estricto en su sintaxis
Permite el intercambio de datos de una manera fiable, segura y fácil
XML es una tecnología muy sencilla que se
complementa con otras tecnologías y lo hacen más poderoso
Su función principal es describir datos y no mostrarlos como HTML
02/03/2015
3
<?xml version="1.0"?>
<pelicula nombre = "El Padrino" año = " 1985" >
<personal> </director nombre="Georgie Lucar"> </interprete nombre = "Marlon Brando" interpreta-a = "Don Corleone"> </ interprete nombre = "Al Pacino" interpreta-a = "Michael Corleone">
</ personal >
</argumento descripción = "PelÍcula de mafias sicilianas en Estados Unidos">
</pelicula >
Las etiquetas por ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinándolas
El valor de los atributos de las etiquetas se podían indicar con y sin comillas (")
El orden en el que se abrían y cerraban las etiquetas no era importante
XHTML soluciona los problemas anteriores y otros,agregando las siguientes reglas para escribir lasetiquetas
1. Las etiquetas se tienen que cerrar de acuerdo a como se abren
Ejemplo incorrecto en XHTML (pero correcto en HTML):<p>Este es un párrafo con <a>un enlace</p></a>
Ejemplo correcto en XHTML:<p>Este es un párrafo con <a>un enlace</a></p>
2. Los nombres de las etiquetas y atributos siempre se escriben en minúsculas
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<table BORDER=“2” WIDTH=“50%”> </table>
Ejemplo correcto en XHTML:
<table border = “2px” width = “50%”> </table>
3. El valor de los atributos siempre se encierra con comillas
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<table border = 2px width = 50%> </table>
Ejemplo correcto en XHTML:
<table border = “2px” width = “50%”> </table>
4. Todos los atributos deben tener un valor
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<input type=”checkbox” name=”Prueba” value=”Si” checked />
Ejemplo correcto en XHTML:
<input type=”checkbox” name=”Prueba” value=”Si” checked=“checked” />
02/03/2015
4
5. Todas las etiquetas deben cerrarse siempre incluso las que se abrevian
Ejemplo incorrecto en XHTML (pero correcto en HTML):<ul>
<li> uno<li> dos
</ul>
Ejemplo correcto en XHTML:<ul>
<li> uno </li><li> dos </li>
</ul>
Incluso las etiquetas que se abrevian deben cerrarse por ejemplo: Incorrecto: <br> Correcto:<br> </br> ó <br/> ó <br />
6. Es obligatoria la declaración del tipo de documento
XHTML 1.0: Strict<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0: Transitional<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0: Frameset<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
7. El código JavaScript debe encerrarse entre unas etiquetas especiales <![CDATA[ y ]]> para evitar que el navegador interprete de forma errónea caracteres como & y <.
<html><head>
<script type="text/javascript"><![CDATA[
window.onload = function() { alert("La página se ha cargado completamente"); }
]]></script></head>…
Sugerencia: Lo mejor es tener los scripts en archivos externos con la extensión .js y enlazarlos desde la página que los utiliza usando la etiqueta <link></link>
Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. Se sugiere usar Hojas de Estilo en Cascada ( ) para
separar el contenido de la presentación.
XHTML Transitional: Se permiteusar todo tipo de etiquetas de todaslas versiones de HTML. (no esrecomendable)
XHTML Strict: Se pueden usaretiquetas HTML 4.01, pero no seaceptan etiquetas obsoletas.
XHTML Frameset: Tiene soportepara frames. (muy anticuado, casi nose usa).
En HTML y XHTML existen 3 tipos de documentos
Recuerda que tu será el resultado de tusactos en el presente … a quien teama y te apoya …..
