REPUBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÒN

UNIVERSITARIA CIENCIA Y TECNOLOGIA
UNIVERSIDAD POLITECNICA TERRITORIAL DE MARACAIBO
PROGRAMA NACIONAL DE FORMACIÒN EN INFORMATICA

INTRODUCCIÓN A XHTML

AUTORA:

JOANVERLIZ N, NUÑEZ, S

C.I 30.605.223

SECCIÒN: 3201

MARACAIBO, MARARACAIBO 2023

 DESARROLLO

1. Introducción al XHTML.

El lenguaje XHTML es muy similar al lenguaje HTML. De hecho, XHTML no es

más que una adaptación de HTML al lenguaje 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).

Las páginas y documentos creados con XHTML son muy similares a las páginas y
documentos HTML. Las discusiones sobre si HTML es mejor que XHTML o
viceversa son recurrentes en el ámbito de la creación de contenidos web, aunque
no existe una conclusión ampliamente aceptada.

1.1. Investigue y desarrolle Sobre el XHTML.

XHTML o Extensible Hypertag Markup Language es un lenguaje utilizado por

muchas aplicaciones de Internet para intercambiar información. Permite que los
diseñadores creen sus propias etiquetas, permitiendo la definición, transmisión,
validación e interpretación de datos entre aplicaciones y entre organizaciones.

Se plantea como un lenguaje estándar para el intercambio de información entre

diferentes programas de una manera segura, fiable y libre. Es una versión más
estricta y limpia de HTML, que nace precisamente con el objetivo de reemplazar a
HTML ante su limitación de uso con las cada vez más abundantes, es el lenguaje
utilizado para la mayoría de sites móviles.

XHTML es un lenguaje similar a HTML, pero con algunas diferencias que lo hacen
más robusto y aconsejable para la modelación de páginas web. Las siglas
corresponden con las palabras inglesas eXtensible Hypertext Markup Language,
que vendría a significar en castellano algo así como lenguaje extensible de
marcación hipertexto.En DesarrolloWeb.com hemos publicado un manual de
XHTML para explicar las características de este lenguaje, de modo que en este
artículo deseamos simplemente ofrecer una introducción y explicar cuáles son las
características principales.

Como sabemos, HTML tiene diferentes versiones, en las que ha cambiado

bastante con respecto a la idea inicial. La web ha crecido muy rápido y ha
evolucionado con mayor velocidad que los propios estándares de HTML, al surgir
necesidades como la incorporación de vídeo, sonido, animaciones complejas, etc.
Por ello, el propio lenguaje HTML se ha visto superado por las necesidades de las
empresas y desarrolladores y ha crecido muchas veces sin atender al plano
director creado desde el W3C. XHTML es una vuelta hacia atrás, que intenta
recuperar la línea marcada por los estándares, pero que trata de solucionar
diversos casos de uso del HTML, a la vez que lo prepara para adaptarse a las
nuevas necesidades y corrientes tecnológicas.

1.2. Investigue y desarrolle sobre el Estándar W3C.

Explicado de una manera sencilla: con el XHTML se crea la estructura semántica

del sitio (titulares, encabezados, párrafos, listas, enlaces) y con el CSS se crean
estilos (ordenar y colorear) esa estructura.

El motivo de utilizar estándares en el desarrollo Web es el de alcanzar el mayor

grado de accesibilidad y usabilidad posibles tanto de cara a los usuarios, como de
cara los robots de los buscadores. Una aclaración: no por usar estándares, se
cumplen las directrices para que una web sea accesible y usable (son dos
disciplinas muy amplias) pero sí que son el camino para ello.Utilizando estándares
Web (XHTML+CSS) estamos creando una Web que podrá ser visualizada en la
gran mayoría de navegadores Web, en la mayoría de dispositivos, en la mayoría
de Sistemas Operativos, con sus diferentes configuraciones, etcétera. Igualmente
estaremos creando una estructura que los robots de los principales motores de
búsqueda podrán entender, indexar y clasificar No. Quiere decir que, si haces la
Web de tú empresa o negocio en Flash -por poner un ejemplo-, que sería muy
recomendable crear esa misma Web pero bajo estándares. Hay muchas personas
y sistemas que no son capaces de reproducir Flash, es más, aunque
actualmente Google indexa Flash, su capacidad es algo limitada y pobre y las
posibilidades, en comparación con una estructura estándar y bien estructurada
semánticamente son mínimas. Y donde escribo Flash podría escribir otras RIA.

Sí. Las RIA son muy útiles para multitud de aplicaciones web incluso para zonas
específicas y productos específicos de una Web o un portal. Por ejemplo,
YouTube utiliza Flash para reproducir los vídeos, pero el resto de la Web está
construida bajo estándares. Flickr es una web app que también podríamos
considerar RIA, en lo relativo a la gestión fotográfica, sin embargo a la hora de
presentar los datos utiliza XHTML + CSS.Puedes tener, por comentar más
ejemplos, una aplicación Web que sirva para llevar la contabilidad de un negocio o
de una empresa. Esa aplicación será seguramente RIA (ya sea Flash, AJAX o
Flex, por citar otras tecnologías), pero el envoltorio de esa aplicación, las páginas
donde se explica para qué sirve y cómo se utiliza, precisamente las páginas que
sirven de gancho para atraer a nuevos usuarios, deben de cumplir con los
estándares de la Web para de esta manera poder ser encontrados y utilizados por
el mayor número de gente posible. Es decir RIA sí, pero siempre accesibles,
habilitando si es necesario y en la medida de los posible una versión alternativa en
(x)HTML (como hace Gmail, por ejemplo).Si tú Web utiliza XHTML+CSS, casi
cualquier persona, independientemente de su ubicación, medio o métodos podrá
acceder y consultar esas páginas, donde además se les explicará que para
ejecutar la aplicación necesitarán de este o aquel plugin. Si tú Web sólo está en
Flash es probable que mucha gente no tenga el plugin de Flash instalado, habrá
quien no sepa instalarlo, habrá navegadores que no sean compatibles con esa
versión y un largo etcétera, amén de que es bastante probable que tú Web no esté
indexada correctamente en los buscadores y que por tanto la gente no te pueda
encontrar en Google. Y si no estás en Google, casi no existes.

1.4. Investigue y desarrolle sobre las Etiquetas

El lenguaje HTML original era muy permisivo en su sintaxis, por lo que era posible
escribir sus etiquetas y atributos de muchas formas diferentes. Las etiquetas por
ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinando
mayúsculas y minúsculas. El valor de los atributos de las etiquetas se podían
indicar con y sin comillas ("). Además, el orden en el que se abrían y cerraban las
etiquetas no era importante.

La flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado final

son páginas con un código HTML desordenado, difícil de mantener y muy poco
profesional. Afortunadamente, XHTML soluciona estos problemas añadiendo
ciertas normas en la forma de escribir las etiquetas y atributos. A continuación se
muestran las cinco restricciones básicas que introduce XHTML respecto a

HTML en la sintaxis de sus etiquetas:

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):

Introducción a XHTML Capítulo 2. Características básicas

www.librosweb.es 19

<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.

La etiqueta <br> por ejemplo, se utiliza para indicar el comienzo de una nueva
línea, tal y como se verá más adelante. Por sus características, la etiqueta <br>
nunca encierra ningún contenido de texto.

Como el estándar XHTML obliga a cerrar todas las etiquetas abiertas, siempre que
se incluya la etiqueta <br> se debería cerrar de forma seguida: <br></br>. Para
que el código resulte más cómodo de escribir, XHTML permite en estos casos
escribir de forma abreviada una etiqueta que se abre y se cierra de forma
consecutiva.

En lugar de abrir y cerrar de forma consecutiva la etiqueta (<br></br>) se puede

utilizar la sintaxis <br/> para indicar que es una etiqueta vacía que se abre y se
cierra en ese mismo punto. En la forma compacta es habitual equivocarse con la
posición del carácter /.

Ejemplo correcto en XHTML:

<br/>
Ejemplo incorrecto en XHTML (pero correcto en HTML):

<br>

Además de estas cinco restricciones básicas, XHTML incluye otros cambios más
avanzados respecto a HTML:

1. Antes de acceder al valor de un atributo, se eliminan todos los espacios en

blanco que se encuentran antes y después del valor. Además, se eliminan todos
los espacios en blanco sobrantes dentro del valor de un atributo. En otras
palabras, si en el interior de un atributo se incluyen varios espacios en blanco
seguidos, se eliminan todos salvo un único espacio en blanco utilizado para
separar las diferentes palabras.

2. Como se explicará más adelante al hablar de la etiqueta <script>, 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 <.

3. Las páginas XHTML deben prescindir del atributo name para identificar de
forma única a los elementos. En su lugar, siempre debe utilizarse el atributo id. De
hecho, en la versión 1.0 del estándar XHTML, el atributo name se ha declarado
obsoleto para las etiquetas a, applet, form, frame, iframe, img y map.

1.5. Investigue y desarrolle sobre Hiperenlaces

El elemento principal del hipertexto es el hiperenlace, también llamado enlace web

o simplemente enlace.

Un enlace es una conexión desde un recurso web a otro. Establece relaciones

entre dos recursos (principalmente páginas web, pero también imágenes,
documentos o archivos)

Enlaces avanzados: La definición anterior del tag <a> no es su definición

completa, ya que dispone de otros atributos específicos también muy importantes
que nos servirán para crear enlaces muchos más complejos.
Además de los enlaces creados por la etiqueta <a>, las páginas HTML pueden
incluir otro tipo de enlaces que cargan los recursos automáticamente.

HTML define las etiquetas <script> y <link> para enlazar recursos que se
deben cargar automáticamente. Cuando el navegador encuentra alguna de estas
dos etiquetas, descarga los recursos enlazados y los aplica a la página web.

En las páginas XHTML, el atributo xml:lang tiene más prioridad que lang y es
obligatorio incluirlo siempre que se incluye el atributo lang. Como la palabra
internacionalización es muy larga, se suele sustituir por la abreviatura i18n (el
número 18 se refiere al número de letras que existen entre la letra i y la letra n de
la palabra internacionalización).