AdNow

loading...

HTML y XHTML

-

HTML y XHTML

❮ AnteriorSiguiente ❯
XHTML es HTML escrito como XML.

¿Qué es XHTML?

  • XHTML significa E X tensible H yper T ext M arkup L anguage
  • XHTML es casi idéntico a HTML
  • XHTML es más estricto que HTML
  • XHTML es HTML definido como una aplicación XML
  • XHTML es compatible con todos los principales navegadores

Por qué XHTML?

Muchas páginas en Internet contienen HTML "malo".
Este código HTML funciona bien en la mayoría de los navegadores (incluso si no sigue las reglas HTML):
<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>
El mercado actual consiste en diferentes tecnologías de navegador. Algunos navegadores se ejecutan en computadoras y algunos navegadores se ejecutan en teléfonos móviles u otros dispositivos pequeños. Los dispositivos más pequeños a menudo carecen de los recursos o el poder para interpretar el marcado "malo".
XML es un lenguaje de marcado donde los documentos deben estar marcados correctamente (ser "bien formado").
Si desea estudiar XML, lea nuestro tutorial de XML .
Al combinar las fortalezas de HTML y XML, se desarrolló XHTML.
XHTML es HTML rediseñado como XML.

Las diferencias más importantes de HTML:

Estructura del documento

  • XHTML DOCTYPE es obligatorio
  • El atributo xmlns en html es obligatorio
  • html, head, title y body son obligatorios

XHTML Elementos

  • Los elementos XHTML deben estar anidados correctamente
  • Los elementos XHTML siempre deben estar cerrados
  • Los elementos XHTML deben estar en minúsculas
  • Los documentos XHTML deben tener un elemento raíz

XHTML Atributos

  • Los nombres de los atributos deben estar en minúsculas
  • Los valores de atributo deben ser citados
  • La minimización de atributos está prohibida

! DOCTYPE .... Es obligatorio

Un documento XHTML debe tener una declaración XHTML DOCTYPE.
Una lista completa de todos los Doctype XHTML se encuentra en nuestra Referencia de Etiquetas HTML.
Los elementos html, head, title y body también deben estar presentes, y el atributo xmlns en debe especificar el espacio de nombres xml para el documento.
Este ejemplo muestra un documento XHTML con un mínimo de etiquetas requeridas:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Title of document</title>
</head>

<body>
  some content 
</body>

</html>

XHTML Elementos Must Be Properly Nested

En HTML, algunos elementos pueden anidarse incorrectamente uno dentro del otro, así:
<b><i>This text is bold and italic</b></i>
En XHTML, todos los elementos deben estar anidados correctamente entre sí, así:
<b><i>This text is bold and italic</i></b>

XHTML Elementos Must Always Be Closed

Esto está mal:
<p>This is a paragraph
<p>This is another paragraph
Esto es correcto:
<p>This is a paragraph</p>
<p>This is another paragraph</p>

Los elementos vacíos también deben cerrarse

Esto está mal:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Esto es correcto:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML Elementos Must Be In Lower Case

Esto está mal:
<BODY>
<P>This is a paragraph</P>
</BODY>
Esto es correcto:
<body>
<p>This is a paragraph</p>
</body>

Los nombres de atributos XHTML deben estar en minúsculas

Esto está mal:
<table WIDTH="100%">
Esto es correcto:
<table width="100%">

Los valores de atributo deben ser citados

Esto está mal:
<table width=100%>
Esto es correcto:
<table width="100%">

La minimización de atributos está prohibida

Incorrecto:
<input type="checkbox" name="vehicle" value="car" checked />
Correcto:
<input type="checkbox" name="vehicle" value="car"checked="checked" />
Incorrecto:
<input type="text" name="lastname" disabled />
Correcto:
<input type="text" name="lastname" disabled="disabled" />

Cómo convertir de HTML a XHTML

  1. Agregue un XHTML ! DOCTYPE a la primera línea de cada página
  2. Agregue un atributo xmlns al elemento html de cada página
  3. Cambiar todos los nombres de los elementos a minúsculas
  4. Cierre todos los elementos vacíos
  5. Cambiar todos los nombres de atributos a minúsculas
  6. Citar todos los valores de atributo

Validar HTML con el validador W3C

Pon tu dirección web en el cuadro a continuación:


❮ AnteriorSiguiente ❯

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

-
Imagen
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime  www.saime.gob.ve  y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa  da cumplimiento a la sép...
Leer más

Etiqueta HTML < abbr >

-
Etiqueta  HTML  <abbr> ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The  < abbr  title ="World Health Organization" > WHO < /abbr >  was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia:  una abreviatura y un acrónimo son versiones abreviadas de otra cosa.  Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo:  El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere...
Leer más

HTML < a > tag

-
HTML  <a>  día ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Un enlace a W3Schools.com: < a  href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia:  los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo:  Normalmente,...
Leer más

Visitas a este blog