XHTML | Introducción

Posted on by Rudeus Greyrat

XHTML significa Lenguaje de marcado de hipertexto EXtensible. Es el siguiente paso en la evolución de Internet. El XHTML fue desarrollado por World Wide Web Consortium (W3C). Ayuda a los desarrolladores web a realizar la transición de HTML a XML. Al usar XHTML, los desarrolladores pueden ingresar al mundo XML con todas sus funciones, y aún pueden confiar en la compatibilidad anterior y futura del contenido. El XHTML 1.0 es el primer tipo de documento de la familia XHTML y está recomendado por el W3C el 26 de enero de 2000. El XHTML 1.1 está recomendado por el W3c el 31 de mayo de 2001. El XHTML5 es un estándar y se utiliza para desarrollar una adaptación XML del Especificación HTML5. Los documentos XHTML contienen tres partes, que se analizan a continuación:

  • DOCTYPE: Se utiliza para declarar una DTD
  • head: La sección head se usa para declarar el título y otros atributos.
  • cuerpo: La etiqueta del cuerpo contiene el contenido de las páginas web. Consta de muchas etiquetas.

Al crear una página web XHTML, es necesario incluir la declaración DTD (Definición de tipo de documento). Hay tres tipos de DTD que se analizan a continuación:

  • DTD de transición
  • DTD estricto
  • Cuadro DTD

DTD de transición: es compatible con los navegadores más antiguos que no tienen compatibilidad con hojas de estilo en cascada incorporadas. Hay varios atributos que encierran la etiqueta del cuerpo que no están permitidos en la DTD estricta. 

Sintaxis:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Ejemplo: 

html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Transitional DTD XHTML</title>
    </head>
    <body bgcolor="#dae1ed">
        <div style="color:#090;font-size:40px;
                font-weight:bold;text-align:center;
                margin-bottom:-25px;">GeeksforGeeks</div>
        <p style="text-align:center;font-size:20px;">
                A computer science portal</p>
        <p style="text-align:center;font-size:20px;">
        Option to choose month:
        <select name="month">
            <option selected="selected">January</option>
            <option>February</option>
            <option>March</option>
            <option>April</option>
            <option>May</option>
            <option>June</option>
            <option>July</option>
            <option>Augusy</option>
            <option>September</option>
            <option>October</option>
            <option>November</option>
            <option>December</option>
        </select>
        </p>
    </body>
</html>

Producción:

 transitional dtd xhtml 

DTD estricta: la DTD estricta se usa cuando la página XHTML contiene solo lenguaje de marcas. El DTD estricto se usa junto con las hojas de estilo en cascada, porque este atributo no permite la propiedad CSS en la etiqueta del cuerpo. 

Sintaxis:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Ejemplo: 

html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Strict DTD XHTML</title>
    </head>
    <body>
        <div style="color:#090;font-size:40px;
                font-weight:bold;text-align:center;
                margin-bottom:-25px;">GeeksforGeeks</div>
        <p style="text-align:center;font-size:20px;">
                A computer science portal</p>
        <p style="text-align:center;font-size:20px;">
        Option to choose month:
        <select name="month">
            <option selected="selected">January</option>
            <option>February</option>
            <option>March</option>
            <option>April</option>
            <option>May</option>
            <option>June</option>
            <option>July</option>
            <option>Augusy</option>
            <option>September</option>
            <option>October</option>
            <option>November</option>
            <option>December</option>
        </select>
        </p>
    </body>
</html>

Producción:

 strict dtd xhtml 

DTD de conjunto de marcos: el DTD de conjunto de marcos se utiliza cuando la página XHTML contiene marcos. 

Sintaxis:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Ejemplo: 

html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Frameset DTD XHTML</title>
</head>
<frameset cols="30%, 20%, *">
   <frameset rows="40%, 30%, *">
      <frame src="gfg.html" />
      <frame src="gfg1.html" />
      <frame src="geeks.html" />
   </frameset>
   <frameset rows="40%, 60%">
      <frame src="g4g.html" />
      <frame src="g4g1.html" />
   </frameset>
   <frameset rows="20%, 20%, 30%, *">
      <frame src="geeksforgeeks.html" />
      <frame src="geeksforgeeks1.html" />
      <frame src="geeksforgeeks2.html" />
      <frame src="geeksforgeeks3.html" />
   </frameset>
</frameset>
</html>

Producción:

 frameset dtd xhtml 

¿Por qué usar XHTML?

  • Los documentos XHTML se validan con herramientas XML estándar.
  • Es fácil de mantener, convertir y editar documentos a largo plazo.
  • Se utiliza para definir el estándar de calidad de las páginas web.
  • XHTML es un estándar oficial del W3C, su sitio web se vuelve más compatible y preciso con muchos navegadores.

Beneficios de XHTML:

  • Todas las etiquetas XHTML deben tener etiquetas de cierre y estar anidadas correctamente. Esto genera un código más limpio.
  • Los documentos XHTML son esbeltos, lo que significa que usan menos ancho de banda. Esto reduce el costo, especialmente si su sitio web tiene miles de páginas.
  • Los documentos XHTML están bien formateados y pueden transportarse fácilmente a dispositivos inalámbricos, lectores de Braille y otros entornos web especializados.
  • Todos los nuevos desarrollos estarán en XML (de los cuales XHTML es una aplicación).
  • XHTML trabaja en asociación con CSS para crear páginas web que se pueden actualizar fácilmente.

Diferencia entre HTML y XHTML:

HTML XHTML
HTML o HyperText Markup Language es el principal lenguaje de marcado para crear páginas web. XHTML (Lenguaje de marcado de hipertexto extensible) es una familia de lenguajes de marcado XML que reflejan o amplían versiones del Lenguaje de marcado de hipertexto (HTML) ampliamente utilizado.
Marco flexible que requiere un analizador específico de HTML indulgente Subconjunto restrictivo de XML que debe analizarse con analizadores XML estándar
Propuesto por Tim Berners-Lee en 1987 Recomendación del Consorcio World Wide Web en 2000.
Aplicación del Lenguaje de Marcado Generalizado Estándar (SGML). Aplicación de XML
Extendido de SGML. Extendido de XML, HTML

Publicación traducida automáticamente

Artículo escrito por Ayusharma0698 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *