Scribd Logo
Upload

Welcome to Scribd!

  • XHTML

    Uploaded by

    Ronny Andrade
    12 views6 pages

    Original Title

    2. Xhtml

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views6 pages

    XHTML

    Uploaded by

    Ronny Andrade

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    16/06/2009

    Desarrollo de Aplicaciones Web


    Ing Jos Rodrguez Rojas Ing.

    Estndares Web y XHTML

    Agenda del Da
    y Estndares Web y XHTML y Comparacin entre HTML y XHTML

    Estndares Web
    Desarrollo de Aplicaciones Web

    Estndares Web
    y La organizacin encargada de establecer los estndares web a

    Estndares Web
    y Para que un documento web cumpla con los estndares debe

    nivel mundial es el World Wide Consortium (W3C) y Direccin Web: http://www.w3.org y Los estndares se definen para manejar:
    1.

    cumplir con:
    y Cdigo XHTML vlido y Uso de CSS para manejo de layout y Tiene una estructura apropiada y un markup semntico. y Trabaja en cualquier browser, desde cualquier sistema operativo

    Estructura
    y HTMLHypertext Markup Language (obsoleto) y XHTMLExtensible Hypertext Markup Language y XMLExtensible Markup Language

    y La mayora de sitios web no tienen el markup adecuado y

    2.
    y

    Presentacin
    CSS nivel 1, CSS nivel 2

    carecen de estndares.

    3.
    y

    Comportamiento
    ECMAScript (Javascript) para programacin y manejo del DOM

    16/06/2009

    Estndares Web
    y Markup semntico
    y Uso de tags XHTML de forma correcta y Uso adecuado de los tags XHTML y Para manejo de presentacin se debe hacer uso de los CSS y Manejar una correcta jerarqua de contenido y Uso correcto de encabezados y Uso de prrafos y Listas y Tablas

    Estndares Web
    y Markup semntico
    y Uso de tags XHTML de forma correcta y Uso adecuado de los tags XHTML y Para manejo de presentacin se debe hacer uso de los CSS y Manejar una correcta jerarqua de contenido y Uso correcto de encabezados y Uso de prrafos y Listas y Tablas

    Estndares Web
    y Ventajas de hacer uso de estndares web:
    y Compatibilidad y Accesibilidad y Portabilidad y Optimizacin SEO (recordar lo visto la segunda sesin de

    XHTML
    Desarrollo de Aplicaciones Web

    clases)

    SGML, HTML y XML


    Meta Lenguaje SGML define Lenguaje HTML XHTML Meta XML Definiciones Data simplicado XML

    Markup HTML
    y Es el lenguaje de marcado predominante para la construccin

    Uso del Lenguaje

    Pg Web

    XML Documentos

    Data

    de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de "etiquetas", q rodeadas por p corchetes angulares g (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. (fuente wikipedia)

    16/06/2009

    XHTML
    y Lenguaje basado en XML para construir documentos web. y XTML 1.0
    y Transitional y Strict y Frameset

    Ventajas XHTML
    y XHTML es basado en XML por lo tanto se pueden crear

    extensiones al lenguaje.
    y Se puede utilizar dentro de dispositivos mviles. y Opcin de utilizar el HTML Document Object Model o el

    XML Document Object Model

    y XHTML 1.1
    y Solo se define el dtd strict

    Reglas para el uso de XHTML


    y

    Reglas para el uso de XHTML


    y

    Hacer uso de un DOCTYPE


    y XHTML 1.0 Strict

    Especificar el uso del namespace

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    y XHTML 1.0 Transitional

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">


    y Hacer la declaracin del ContentType usando el tag <meta>

    <!DOCTYPE html PUBLIC "-//W3C//DTD //W3C//DTD XHTML 1.0 1 0 Transitional//EN" Transitional//EN "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    y XHTML 1.0 Frameset

    <meta http-equiv= http equiv="Content Content-Type Type" content="text/html; content= text/html; charset=iso-8859-1" />
    y No hacer uso del cdigo de inicio XML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


    y XHTML 1.1

    <?xml version="1.0" encoding="ISO-8859-1"?>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    Reglas para el uso de XHTML


    y
    y y

    Reglas para el uso de XHTML


    Todos los valores de atributo deben ir entre comillas Verificar que todos los atributos tengan valores. y Cerrar todos los tags y Cerrar todos los tags vacos con el siguiente cdigo /> y Hr y br y img
    y y

    Escribir los tags XHTML en minscula


    Uso correcto: <img src= /> Uso incorrecto <IMG SRC= >

    Uso adecuado de los valores p para contenido y atributos. <h1>Titulo del Prrafo</h1> y <img src=imagen.jpg" width=100" height=100" alt=Logo de Universidad" />
    y

    Codificar todos los carcteres especiales Uso correcto de los tags de comentarios y Anidamiento correcto de los tags XHTML
    y y

    16/06/2009

    Elementos XHTML
    y <html> y Define una pgina como HTML. y <head>
    y Contiene informacin referente a la pgina.

    Documento XHTML
    y El mnimo cdigo que debe contener una pgina XHTML es la

    siguiente:
    <!DOCTYPE ... > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="..."> <head> <title></title> </head> <body> </body> </html>

    y <title>
    y Ttulo de la pgina. y Aparece en la esquina superior izquierda del browser, es utilizado por los buscadores

    para indexar las pginas.

    y <meta> elements
    y Se ubica informacin adicional de la pgina. y Informacion referente a description, keywords, etc.

    y <body>

    Documento XHTML
    y El mnimo cdigo que debe contener una pgina XHTML es la

    Meta Description
    y Sirve para agregar un texto de descripcin a tu documento

    siguiente:
    <!DOCTYPE ... > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="..."> <head> <title></title> </head> <body> </body> </html>

    web.
    y El texto no debe tener ms de 160 caracteres y Es usado por los buscadores para resumir el contenido de tu

    pgina. pgina <meta name="description" content"" />

    Meta Keywords
    y Sirven para indicar palabras relevantes dentro del documento

    Otras etiquetas META


    y Adicional a description y keywords usted puede hacer uso del

    web. y Se recomienda utilizar mximo 10 keywords dentro de tu documento web. <meta name="keywords" content="">

    tag meta para agregar informacin que describa al documento web. y Se puede agregar informacin referente al autor, tipo de contenido, derechos de autor, fecha de actualizacin entre otros.

    16/06/2009

    Listas
    y Para definir listas no ordenadas se utiliza el tag <ul> para

    Tablas
    y Las tablas deben ser utilizadas para mostrar datos tabulares. y Tag utilizados:
    y <table> y <caption> y <tr> y <th> y <td>

    iniciar la lista y el tag <li> para describir un elemento.


    <ul> <li>elemento 1</li> <li>elemento 2</li> <li>elemento 3</li> 3 / </ul>

    y Para definir listas ordenadas se utiliza el tag <ol>

    Scripts
    y Los elementos script y style deben incluir el atributo type y <script type="text/javascript"> <![CDATA[ ... unescaped

    HTML vs. XHTML


    y Al escribir XHTML no debe usarse elementos desaprobados

    u obsoletos.
    y Existen algunos elementos que eran permitidos en HTML

    script content ... ]]> </script> y <style type="text/css"> . . . </style>

    4.01 pero que en XHTML han sido desaprobados.


    y Como ejemplo tenemos: <font>, <font> <center> <center>, alink, alink align, align

    width, height (removido de algunos elementos), y background.

    Validar pginas XHTML


    y Los browser utilizados no indican si un documento se

    Validar XHTML
    y Si un documento web contiene errores la mayora de los

    encuentra escrito en un XHTML vlido. y Para asegurarnos de que el documento web es un XHTML vlido se deben usar validadores:
    y http://validator.w3.org/ http://validator w3 org/ (validador de la W3C)

    browsers harn lo siguiente:


    y Interpretar el documento web como si fuera html y Ignorar los errores y Construir y mostrar la pgina de cualquier forma.

    y Adicionalmente se puede hacer uso de editores de XHTML

    para validar los errores. (Visual Studio 2005 o superior)

    16/06/2009

    Errores Comunes
    y Elementos block level incluidos dentro de elementos inline

    level es decir incluir un elemento <div> o <p> dentro de un <a> o <span> y Olvido de cierre de tags y Cierre de tags de forma incorrecta o en el nivel incorrecto. incorrecto y Uso de atributos obsoletos dentro de los tags.

    You might also like