XHTML o Lenguaje de marcado de hipertexto extensible es una mezcla de HTML y XML, muy similar a HTML pero más estricto. Es como un libro de reglas para crear páginas web que los navegadores comprendan fácilmente. A diferencia del HTML, debes tener cuidado y seguir las reglas exactamente. La mayoría de los navegadores lo admiten. Piense en ello como una forma más precisa de escribir código web.
Tabla de contenidos
Historia
Fue desarrollado por el World Wide Web Consortium (W3C) y ayuda a los desarrolladores web a realizar la transición de HTML a XML. Con XHTML, los desarrolladores pueden ingresar al mundo XML con todas sus características y al mismo tiempo garantizar la compatibilidad del contenido con versiones anteriores y futuras. La familia XHTML incluye tres tipos de documentos; el primero es XHTML 1.0, recomendado por el W3C el 26 de enero de 2000. El segundo es XHTML 1.1, recomendado por el W3C el 31 de mayo de 2001.
El tercero es XHTML5, un estándar utilizado para desarrollar una adaptación XML de la especificación HTML5. Un documento XHTML debe tener una declaración XHTML.
Elementos de XHTML:
| Elemento XHTML | Descripción |
> | Se utiliza para declarar la definición de tipo de documento (DTD), especificando las reglas para el lenguaje de marcado y garantizando una representación adecuada en los navegadores. |
> | Encierra todo el documento HTML o XHTML y actúa como elemento raíz. |
> | Contiene metainformación sobre el documento, como el título, el juego de caracteres, las hojas de estilo vinculadas y otros elementos esenciales. |
> | Anidado dentro de la sección de encabezado, especifica el título del documento, que se muestra en la barra o pestaña de título del navegador. |
> | Incluye el contenido de la página web, incluidos texto, imágenes, enlaces y otros elementos HTML. Representa la parte visible del documento que se muestra en el navegador. |
Al crear una página web XHTML, es necesario incluir una declaración DTD (Definición de tipo de documento). Hay tres tipos de DTD que se analizan a continuación:
DTD de transición:
Es compatible con los navegadores más antiguos que no tienen soporte incorporado para hojas de estilos en cascada. En la etiqueta del cuerpo se incluyen varios atributos que no están permitidos en una DTD estricta.
Sintaxis:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
Ejemplo: En este ejemplo veremos el código para escribir un documento XHTML con un ejemplo.
contactos bloqueados
HTML
xml version='1.0' encoding='UTF-8'?> DTD transicional XHTMLtitle>head> <body bgcolor='#dae1ed'> <div>peso de fuente: negrita; alineación de texto: centro; margen inferior:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portal de informáticap><p style='text-align:center;font-size:20px;'>Opción de elegir mes:<select name='month'> <option selected='selected'>opción enero><option>opción febrero><option>Opción de marcha><option>opción abril><option>Opción de mayo><option>Opción junio><option>opción julio><option>Opción de agosto><option>Opción septiembre><option>Opción Octubre><option>opción noviembre><option>Opción de diciembre> seleccionar> p> cuerpo> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/quick-sort-algorithm">clasificación rápida java</a>
</blockquote> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Producción:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="dtd transicional xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>DTD estricta:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Se utiliza DTD estricto cuando la página XHTML contiene solo lenguaje de marcado. La DTD estricta se utiliza junto con hojas de estilo en cascada, porque este atributo no permite la propiedad CSS en la etiqueta del cuerpo.</span></p> <h3> <b> <strong>Sintaxis:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Ejemplo 2:</strong> </b> <span>En este ejemplo veremos el código para escribir un documento XHTML con un ejemplo para DTD estricto.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/array-slicing-java">rebanada de java</a>
</blockquote> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Estricto DTD XHTMLtitle>head> <body> <div>peso de fuente: negrita; alineación de texto: centro; margen inferior:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portal de informáticap><p style='text-align:center;font-size:20px;'>Opción de elegir mes:<select name='month'> <option selected='selected'>opción enero><option>opción febrero><option>Opción de marcha><option>opción abril><option>Opción de mayo><option>Opción junio><option>opción julio><option>Opción de agosto><option>Opción septiembre><option>Opción Octubre><option>opción noviembre><option>Opción de diciembre> seleccionar> p> cuerpo> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Producción:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="estricto dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>DTD del conjunto de cuadros:</strong> </b> <span> </span></h2> <p dir='ltr'><span>El DTD del conjunto de marcos se utiliza cuando la página XHTML contiene marcos. Esta DTD es idéntica a la DTD transicional de HTML 4.01 excepto por el modelo de contenido del elemento HTML.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">quien hizo la escuela</a>
</blockquote> <h3> <b> <strong>Sintaxis:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Ejemplo 2:</strong> </b> <span>En este ejemplo veremos el código para escribir un documento XHTML con un ejemplo para el conjunto de marcos DTD.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>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>Conjunto de marcos DTD XHTMLtítulo> encabezado><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />conjunto de cuadros><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />conjunto de cuadros><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />conjunto de marcos> conjunto de marcos> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Producción:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="conjunto de marcos dtd xhtml"> <b> <strong>¿Por qué utilizar XHTML?</strong> </b> </h2> <ul> <li value='1'><span>Los documentos XHTML se validan con herramientas XML estándar.</span></li> <li value='2'><span>Es fácil mantener, convertir y editar documentos a largo plazo.</span></li> <li value='3'><span>Se utiliza para definir el estándar de calidad de las páginas web.</span></li> <li value='4'><span>XHTML es un estándar oficial del W3C, tu sitio web se vuelve más compatible y preciso con muchos navegadores.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Beneficios de XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Todas las etiquetas XHTML deben tener etiquetas de cierre y estar anidadas correctamente. Esto genera un código más limpio.</span></li> <li value='2'><span>Los documentos XHTML son sencillos, lo que significa que utilizan menos ancho de banda. Esto reduce el costo, especialmente si su sitio web tiene miles de páginas.</span></li> <li value='3'><span>Los documentos XHTML están bien formateados y pueden transportarse fácilmente a dispositivos inalámbricos, lectores Braille y otros entornos web especializados.</span></li> <li value='4'><span>Todos los nuevos desarrollos serán en XML (del cual XHTML es una aplicación).</span></li> <li value='5'><span>XHTML trabaja en asociación con CSS para crear páginas web que se pueden actualizar fácilmente.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Diferencia entre HTML y XHTML:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>HTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML o lenguaje de marcado de hipertexto es el principal lenguaje de marcado para crear páginas web.</span></td> <td><span>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.</span></td> </tr> <tr> <td><span>Marco flexible que requiere un analizador HTML específico y indulgente</span></td> <td><span>Subconjunto restrictivo de XML que debe analizarse con analizadores XML estándar</span></td> </tr> <tr> <td><span>Propuesto por Tim Berners-Lee en 1987</span></td> <td><span>Recomendación del World Wide Web Consortium en 2000.</span></td> </tr> <tr> <td><span>Aplicación del Lenguaje de Marcado Generalizado Estándar (SGML).</span></td> <td><span>Aplicación de XML</span></td> </tr> <tr> <td><span>Ampliado desde SGML.</span></td> <td><span>Extendido desde XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Categoría</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/sql-clauses/">Cláusulas Sql</a> </li><li> <a href="/listicles/">Listas</a> </li><li> <a href="/cbse-class-11-cat/">Cbse - Clase 11</a> </li><li> <a href="/cash-app-queries/">Aplicación Cash - Consultas</a> </li><li> <a href="/java-multithreading/">Subprocesos Múltiples De Java</a> </li><li> <a href="/biology-diagram/">Biología-Diagrama</a> </li><li> <a href="/tcs/">Tcs</a> </li><li> <a href="/python-utility/">Utilidad-Python</a> </li><li> <a href="/queue/">Cola</a> </li><li> <a href="/java-jdbc/">Jdbc De Java</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Mezclas</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Las mezclas son sustancias que están formadas por dos o más tipos diferentes de sustancias. Las mezclas son de dos tipos: Mezclas Homogéneas y Mezclas Heterogéneas. Aprendamos más conceptos como ¿Qué es una mezcla? Propiedades, ejemplos, tipos, diferencia entre mezcla y compuesto y preguntas frecuentes.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/mixtures"> <i class="fa fa-external-link"></i> Leer Más</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Artículos De Interés</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/stream-map-java-with-examples">Stream map() en Java con ejemplos</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-many-questions-are-act-1311288">¿Cuántas preguntas hay en el ACT?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/iterators-c-stl">Iteradores en C++ STL</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-parse-json-java">Cómo analizar JSON en Java</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/8-key-leo-traits-131410">Los 8 rasgos clave de Leo: su guía para el signo del zodíaco de agosto</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Entradas Populares</h2>
<div class="content">
<ul class="list"> <li><a href="/gimp-deselect">¿Cómo se anula la selección en Gimp?</a>
</li><li><a href="/random-function-c">generador de números aleatorios en c</a>
</li><li><a href="/c-tutorial">tutorial de c#</a>
</li><li><a href="/dijkstras-algorithm">dijstra</a>
</li><li><a href="/postorder-traversal">recorrido de pedido por correo</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Todos Los Derechos Reservados | <a href="//bg.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Descargo De Responsabilidad</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Acerca De Nosotros</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Política De Privacidad</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>
|
