Jump to content

Codigo XHTML | Historia, principios y declaraciones basicas


hivitro
 Share

Publicaciones recomendadas

HISTORIA

 

HTML nació en 1980 como Tim Berners-Lee proyecto basado en el concepto de hipertexto, que ayudaría a los investigadores a compartir información en forma de documentos entre la Internet. Que se llevó a cabo más tarde en 1989 en el CERN (Organización Europea de Investigación Nuclear), el nodo de Internet más grande de Europa. A partir de ahí, HTML comenzado su evolución que todavía no está terminado, va a través de la versiones 2.0, 3.2, 4.0 y 4.01, todos ellos basados ​​en SGML (un metalenguaje usado para crear otros lenguajes como subconjuntos de la misma).

 

Por otro lado, el XML es también un metalenguaje (usado para crear otros idiomas) y también es un subconjunto de SGML, diseñado para ser fácil de analizar y procesar. En estos días, XML se utiliza ampliamente en muchas formas de crear documentos y organizar la información (por ejemplo, RSS, Atom, etc), ya que proporciona una forma estándar de hacer que sea más fácil de procesar que el SGML.

 

En el año 2000, XHTML es recomendado por la World Wide Web Consortium (W3C) como la nueva versión estándar de HTML que se basa en XML en lugar de SGML. De esta manera podemos considerar XHTML como resultado de la mezcla de HTML y XML. Hecho esto, todas las ventajas de XML son ahora heredados por HTML que hace que sea más fácil de analizar y procesar, por lo que estará disponible en más plataformas con capacidades de procesamiento reducidas (por ejemplo, PDA y teléfonos celulares).

 

Otro motivo para actualizar las versiones de HTML y la creación de la W3C es restaurar el propósito original del HTML como un lenguaje semántico. Desde que se puso en práctica, muchos vendedores navegador comenzado a transformar el estándar con el fin de agregar más funcionalidad a la misma. Esto se convirtió lentamente en un lenguaje más visual que semántico, que inspiró el W3C para hacer las nuevas normas destinadas a revertir este efecto y llevarlo de vuelta a su origen semántico. XHTML 1.1 es el más reciente de esta actualización, pero hay más por venir.

 

Creación de un documento XHTML

 

Las reglas para crear un documento XHTML es simple. Ya que es una adaptación de la versión de HTML 4.01 (basado en SGML) para el formato XML (también basado en SGML), la mayoría de las cosas no cambiaron. Sólo un pocos las nuevas reglas fueron implementadas que hará que el documento XML compatible y algunos otros cambios destinados a convertir la lengua en una más semántica.

Declaración XML

 

La declaración XML es una simple línea y define la versión de XML y la codificación de caracteres que el documento utiliza. Debe ser declarado antes que nada en el documento, incluso antes de la declaración de tipo de documento ( HTML! DOCTYPE etiqueta ).

 

<?xml version="1.0" encoding="UTF-8"?> 

 

Documento de declaración de tipo (DTD)

 

La Declaración de tipo de documento no sólo se utiliza para los documentos XHTML, sino para todo tipo de documentos. En todos los casos se debe utilizar la correcta a través de la DTD HTML! etiqueta DOCTYPE. El DTD para documentos XHTML son cuatro y dependen de la versión que utilizará:

 

XHTML 1.0: Strict, Transitional and Frameset XHTML 1.0

 

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

 

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

 

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

 

XHTML 1.1

 

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

 

XML Namespace declaration

 

La declaración de espacio de nombres XML es una simple URL y se puede definir como el valor de la "xmlns" atributo de la etiqueta html .

 

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

 

Normas General de XHTML 1.0

 

Esta lista de reglas debe ser considerada como una lista de diferencias entre HTML y XHTML. Si usted nunca ha escrito antes de que los documentos HTML, tenga en cuenta esta lista de recomendaciones mientras usted lee los tutoriales HTML y la referencia HTML. Usted encontrará que todo el mundo posible que este recomendaciones están presentes en este sitio.

 

No hay cierre opcional en XHTML.

 

Válida: <p>Paragraph</p>

Inválido: <p>Paragraph

 

Las etiquetas vacías deben estar correctamente cerrados. Para lograr esto se puede utilizar un cierre normal o puede cerrar la etiqueta al poner un espacio y una barra al final de la etiqueta de inicio.

 

Válido: <img src="button.jpg"></img> <img src="button.jpg" />

Inválido: <img src="button.jpg">

 

Los nombres de etiquetas y atributos deben estar en minúsculas para encajar en el XML de mayúsculas y minúsculas (excepto para el HTML! etiqueta DOCTYPE ).

 

Válido: <a href="http://www.htmlquick.com/tutorials.html">Anchor</a>

Inválido: <A Href="http://www.htmlquick.com/tutorials.html">Anchor</A>

 

Los valores predefinidos para algunos de los atributos deben estar en minúsculas, debido a la XML entre mayúsculas y minúsculas.

 

Válido: <input type="submit" />

Inválido: <input type="SUBMIT" />

 

Los valores de los atributos deben estar debidamente encerradas entre comillas (simples o dobles). Quotation is not optional in XHTML. Cita no es opcional en XHTML.

 

Válido: <span id="id1" class='important'>Text</span>

Inválido: <span class=important>Text</span>

 

Los atributos booleanos no puede ser abreviado (sólo con el nombre del atributo). Como valor que debe especificar el nombre del atributo.

 

Válido: <button id="button1" disabled="disabled">Execute</button>

Inválido: <button id="button1" disabled>Execute</button>

 

Elementos anidados deben obedecer correctamente a su orden jerárquico.

 

Válido: <span class="double"><b>Execute</b></span>

Inválido: <span class="double"><b>Execute</span></b>

 

Elementos a nivel de bloque no puede ser declarado como el contenido de elementos en línea.

 

Válido: <div class="double"><b>Execute</b></div>

Inválido: <b><div class="double">Execute</div></b>

 

Algunos elementos específicos que no pueden ser declarados como contenido de otros elementos específicos.

 

El elemento "a" no debe contener otros "a" elementos.

 

El "pre" elemento no debe contener el "img", "objeto", "grande", "pequeño", "sub" o "sup" elementos.

 

El "botón" elemento no debe contener otros "de entrada", "seleccionar", "textarea", "label", "botón", "forma", "fieldset", "iframe" o elementos "isindex".

 

El elemento "label" no debe contener otros elementos "label".

 

El elemento "form" no debe contener otros elementos "form".

 

Todos los símbolos ampersand debe escribirse usando su nombre de la entidad (&), incluso en las direcciones URL.

 

Válido: <a href="buysell.php?id=1&sub=2">Buy & sell</a>

Inválido: <a href="buysell.php?id=1&sub=2">Buy & sell</a>

 

Las referencias a entidades de caracteres entre mayúsculas y minúsculas debido a la norma XML.

 

El atributo "alt" debe estar siempre presente en la etiqueta HTML img .

 

Válido: <img src="bird.jpg" alt="A bird flying"></img>

Inválido: <img src="bird.jpg"></img>

 

Texto comentado será completamente ignorado por un parser de XML, lo que significa que comentar scripts o códigos de estilo para "esconder" a los navegadores viejos se como borrarlos. Si el script o código de estilo contiene un carácter "&" o "<" que serán procesados ​​por el analizador XML. Para evitar este problema, puede optar por declarar en archivos externos, o utilizar el bloque CDATA.

 

Válida:

 

<style type="text/css">
<![CDATA[
p { color: blue; }
]]>
</style>

 

Invalido:

 

<style type="text/css">
<!--
p { color: blue; }
-->
</style>

 

El atributo "name" han sido formalmente desaprobado para los elementos a, applet, la forma, frame, iframe, img, y el mapa, y puede ser excluida en futuras versiones.

 

XHTML | Reglas para DTDs estrictos

 

Además de los declarados previamente, estricta documentos XHTML (XHTML 1.0 Strict y XHTML 1.1) también deben seguir estas reglas.

 

El texto no debe ser definida directamente en el cuerpo de un documento ( tag HTML del cuerpo ). En su lugar, insertar en un párrafo, el bloque div, o cualquier otro elemento.

 

Válido: <body><p>Text</p></body>

Inválido: <body>Text</body>

 

Compatibilidad

 

Incluso cuando XHTML sigue siendo compatible con sus versiones anteriores, algunas consideraciones se deben tomar para hacer que funcione en algunos agentes de usuario antiguos.A continuación se muestra una lista con los problemas de compatibilidad en XHTML 1.0 y las soluciones.

 

La declaración XML puede hacer que algunos agentes de usuario para identificar el documento como no reconocidos en lugar de HTML. Esto puede resultar en una mala representación de su documento. Para resolver este problema, debe evitar el uso de la declaración XML y, como la codificación de caracteres para documentos XML se especifica en el mismo, reemplazarlo con una declaración de meta en el encabezado:

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

 

El cierre abreviado para los elementos vacíos deben ser escritos con un espacio antes de la barra final. Navegadores antiguos considerará esta barra como un atributo no identificado y simplemente lo ignoran.

 

Compatible: <br />

No es compatible: <br/>

 

La forma no abreviada para elementos vacíos pueden causar algunos agentes de usuario para producir resultados inesperados. Use la forma abreviada.

 

Compatible: <br />

No es compatible: <br></br>

 

Cualquier script o código de estilo de hojas que contienen caracteres como "&" o "<" o "]]>" o "-" será procesado por un parser de XML, lo que también se ignoran por completo el texto comentado (por ejemplo, "<!-- comentario -->"). La mejor solución, dado que los bloques CDATA pueden sintaxis irreconocible en navegadores antiguos, es declarar scripts y código de las hojas de estilo en archivos externos. Recuerde que para apuntar a estos archivos que puedes usar estas declaraciones en el encabezado del documento:

 

<link rel="stylesheet" type="text/css" href="default.css" />

<script type="text/javascript" src="common.js"></script>

 

 

Varios espacios en blanco y saltos de línea dentro de los valores de los atributos pueden causar problemas en muchos agentes de usuario. Evite el uso de ellos, especialmente porque no son necesarios.

 

El "xml: lang" se introduce en XHTML y está destinado a sustituir el atributo "lang". Ya que algunos agentes de usuario no puede reconocer este nuevo atributo utilizarlos para la compatibilidad (el "xml: lang" tiene prioridad).

 

Compatible: <a href="en.html" lang="en" xml:lang="en">

No es compatible: <a href="en.html" xml:lang="en">

 

En XML, los URI que apunta a los marcadores de una página (por ejemplo, xhtml.html # compatibilidad) se refiere a atributos "id" en lugar de "nombre" como atributos de HTML 4.Por lo tanto, tener un delantero completo y la compatibilidad hacia atrás (con HTML y XHTML) se debe especificar ambos atributos con el mismo valor.

 

Compatible: <a name="the-basics" id="the-basics">

No es compatible: <a name="the-basics">

 

En XML, los caracteres disponibles para la composición de "nombre" y atributos "id" son más que las permitidas en HTML 4. Para construir nombres compatible y las identificaciones, utilice únicamente: letras de la A a la Z (upprecase y minúsculas), números del 0 al 9, hypens "-", subrayado "_", los dos puntos ":" y puntos "." (El valor debe siempre comenzar con una letra).

 

Compatible: <a name="the-basics" id="the-basics">

No es compatible: <a name="0-the;basics" id="0-the;basics">

 

La referencia personaje llamado '(apóstrofe) se introduce en XML 1.0 y por lo tanto, válida, pero para HTML 4 es reconocido. Por compatibilidad con versiones anteriores el uso de la "representación en su lugar.

 

Compatible: it's ok

No es compatible: it's ok

 

 

De XHTML 1.0 Strict a XHTML 1.1

 

Esta lista enumera las diferencias entre XHTML 1.0 Strict y XHTML 1.1.

 

El atributo "lang" han sido completamente reemplazado por el "xml: lang".

 

Válido: <span xml:lang="en">Text</span>

Inválido: <span lang="en" xml:lang="en">Text</span>

 

El atributo "name" han sido completamente reemplazado por el atributo "id" para los elementos "a" y "map".

 

Válido: <a id="bookmark1">Anchor</a>

Inválido: <a name="bookmark1">Anchor</a>

 

"Ruby" se ha añadido. Lea más acerca de la anotación de Ruby

 

Como usted puede observar, XHTML 1.1 no es compatible con versiones anteriores, debido a la imposibilidad utilizar "nombre" y atributos "lang". A menos que no necesitan para su uso, su documnet no será totalmente compatible con HTML 4 y algunos agentes de usuario.

 

 

Documentos de validación XHTML

 

 

Siempre se puede validar los documentos XHTML (como muchos otros documentos) para comprobar que el trabajo duro es 100% correcto. Puede hacerlo en el servicio de validación W3C marcado donde se puede elegir para validar por URL, carga de archivos o la entrada directa. Cuando el resultado se muestra, la lista de errores y advertencias (si se presenta) le permitirá saber qué y dónde corregir.

 

Algunos caracteres especiales o etiquetas pueden haberse traducido erroneamente. Frente a cualquier duda, verifiquen la fuente.

 

FUENTE

 

HIVITRO.

  • Upvote 2
Enlace al comentario
Compartir en otros sitios web

Crear una cuenta o conéctate para comentar

Tienes que ser miembro para dejar un comentario

Crear una cuenta

Regístrese para obtener una cuenta nueva en nuestra comunidad. ¡Es fácil!

Registrar una nueva cuenta

Conectar

¿Ya tienes una cuenta? Conéctate aquí.

Conectar ahora
 Share

×
×
  • Crear nuevo...