Diferencias entre HTML y XHTML

Aunque como se ha comentado anteriormente XHTML es una remodelación de HTML, hay que tener en cuenta una serie de diferencias que se aplican a la hora de ajustarse a la estructura XML del lenguaje. Podemos encontrar las siguientes:

Todos los elementos han de escribirse en minúsculas

Esta regla es común a todos los sublenguajes XML. Todas las etiquetas[1] deberán de escribirse en letras minúsculas, así como sus atributos. La única etiqueta exenta de esta regla es la etiqueta ¡DOCTYPE que sirve para realizar la declaración del tipo de documento como posteriormente se comentara.

Teniendo en cuenta las siguientes etiquetas que se muestran serian validas en HTML, mientras que es incorrecto en XHTML:

<Body bgcolor=”#000000”>

<FONT SIZE=”1”></FONT>

Mientras que en XHTML su correcta utilización es la siguiente:

<body bgcolor=”#000000”>

<font size=”1”></font>

Todos los atributos han de entrecomillarse

En todas las etiquetas que tengan atributos, estos se han de entrecomillar, incluso en aquellos que sean numéricos.

El siguiente ejemplo muestra etiquetas validas en HTML:

<TABLE BORDER=3>

<body bgcolor=#000000>

En XHTML su correcta utilización es la siguiente:

<table border=”3”>

<body bgcolor=”#000000”>

Los valores minimizados están prohibidos

Tanto en HTML, como en XHTML, los elementos del lenguaje pueden estar formados por parejas de atributo – valor. En HTML determinados valores se pueden escribir de forma minimizada, mientras que en XHTML se ha de escribir completo sin utilizar ninguna abreviación.

El siguiente ejemplo muestra etiquetas validas en HTML:

<input type=”checkbox” name=”Prueba” value=”Si” checked/>

<dl compact>

En XHTML su correcta utilización es la siguiente:

<input type=”checkbox” name=”Prueba” value=”Si” checked=”checked”>

<dl compact=”compact”>

[ad#386x280aec2009]

Esta es la lista de elementos que pueden usarse minimizados en HTML, tal como han de describirse en XHTML.

compact=”compact”

checked=”checked”

declare=”declare”

readonly=”readonly”

disabled=”disabled”

selected=”selected”

defer=”defer”

ismap=”ismap”

nohref=”nohref”

noshade=”noshade”

nowrap=”nowrap”

multiple=”multiple”

noresize=”noresize”

Todas las etiquetas deben ir cerradas

En XHTML se han de cerrar todas las etiquetas, incluso aquellas que en HTML no era necesario cerrar y también aquellas que eran etiquetas únicas las cuales no tenían etiqueta de cierre.

El siguiente ejemplo muestra etiquetas validas en HTML:

<img src=”imagen.jpg” alt=”texto”>

<ul>

<li>uno

<li>dos

</ul>

<br>Lista desordenada

En XHTML su correcta utilización es la siguiente:

<img src=”imagen.jpg” alt=”texto” />

<ul>

<li>uno</li>

<li>dos</li>

</ul>

<br />

Todas las etiquetas han de estar anidadas correctamente

En HTML es posible intercalar etiquetas y posteriormente cerrarlas si tener en cuenta el orden de anidamiento de las mismas. Este tipo de acción se ha de corregir en XHTML ya que el anidamiento de etiquetas exige el cierre en el orden correcto.

El siguiente ejemplo muestra etiquetas validas en HTML:

<font size=”2”><b>Aprendoencasa.com</font></b>

<p><em>www<b>.aprendoencasa.com</em></b>

En XHTML su correcta utilización es la siguiente:

<font size=”2”><b>Aprendoencasa.com</b></font>

<p><em>www<b>.aprendoencasa.com</b></em></p>

También se ha de tener en cuenta que los elementos que no son formadores de bloque en el documento no pueden contener elementos formadores de bloque, ha de ser al contrario para seguir la lógica de construcción del documento, los elementos formadores de bloque en el documento son los siguientes:

p dir dl noframes menu isindex table blockquote

ul ol center address h1-h6 fieldset pre hr

div

El siguiente ejemplo muestra etiquetas no validas en XHTML:

<font size=”2”><center>Aprendoencasa.com</center></font>

<em><p>www.aprendoencasa.com</p></em>

En XHTML su correcta utilización es la siguiente:

<center><font size=”2”>Aprendoencasa.com</font></center>

<p><em>www.aprendoencasa.com</em></p>

Evitar la utilización de caracteres extraños

Ya que XHTML es más estricto, algunas veces si nuestra página tiene scripts, es posible que sean malinterpretados, aunque la recomendación del W3C es que se inserten entre etiquetas de declaración cdata[2], lo mejor es tener los scripts en archivos externos con la extensión .js[3] y enlazarlos desde la página que los utiliza. También con los scripts en PHP cuando traspasen datos si usan el signo & han de utilizar la versión extendida del mismo, es decir &amp;

Es obligatoria la declaración de tipo de documento

Es necesaria y obligatoria la declaración del tipo de documento al principio del mismo. Tampoco se pueden omitir el cierre de etiquetas como html, head o body. Aunque en HTML se presuponían los cierres de las mismas si no existían en el documento, en XHTML no se presuponen y por tanto se han de incluir en el documento. Por otra parte el atributo name queda en desuso por el atributo id.

Ejemplo de declaración de documento en XHTML 1.0 transicional:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.0 Transitional//EN”

“DTD/xhtml1-transitional.dtd”>


[1] A las etiquetas se les suele también llamar por su nombre en ingles TAGS.

[2] <![CDATA[… Aquí se teclea su script …]]>

[3] Cuando se tratan de scripts en javascript

[ad#386x280aec2009]

[ad#privalia468x60]

[ad#468x60infojobs]

19 Comentarios

  1. линкомаулия

    Благодарю!!!У Вас часто появляются очень интересные посты! Очень поднимаете мое настроение.

  2. SogRassy

    Очень интересно!!! Только не очень могу понять как часто обновляется ваш блог?

  3. occalmheache

    По правде говоря, сначала не очень то до конца понял, но перечитав второй раз дошло – спасибо!

  4. admin

    Обновить ставки зависит от моей работы, и только пишите мне, и я не могу достаточно примирить подготовке глав с моей работой, и моя дочь, но не беспокойтесь о том, что конец будет заполнять все разделы. поздравления и благодарность за ваш комментарий , disculpad pero no se ruso por tanto la traducción la realiza google

  5. Ornarryurili

    Спасибо вам за сайт, очень полезный ресурс, мне очень нравится

  6. elonnailmign

    Спасибо за статью. Восхищена как всегда

  7. admin

    Благодарю Вас за визит, и то, что мне стимулом для продолжения проекта. Приветствие от Испании, извините за перевод, но я использую автоматический переводчик.

  8. Pneurf

    отличный дизайн )

  9. Craday

    Спасибо вам за сайт, очень полезный ресурс, мне очень нравится

  10. Affosisdibia

    Очень интересно, но все в будущем хотелось бы еще побольше узнать об этом. Очень понравилась ваша статья!

  11. Impedsshash

    Спасибо мне очень понравился ваш блог и я обещаю заходить еще

  12. admin

    Tienes una opcion en el lateral derecho de la pagina denominada “RSS de las entradas”. Disculpas por la traducción.

    У Вас есть опция на правой стороне страницы под названием “RSS записей”. Извините за перевод.

  13. Occuse

    большое спасибо!Взяла себе тоже-пригодится.

  14. aravika

    Useful information , great post . Thanks for sharing !!

  15. eurobuil

    Good work! Thank you very much!

  16. UsersePledge

    Спасибо вам за сайт, очень полезный ресурс, мне очень нравится

  17. olym-p

    Has learnt for itself a lot of interesting, thanks, I wait for continuation

  18. Snottepap

    Интересный блог- ещё зайду

Enviar comentario

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

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies