Portal TeleformacionDiferencias 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”>
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 &
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
19 comentarios
Deja un comentario
Aprendo en casa
Centro de estudios en internet
Navegacion
- Inicio
- Acerca de
- Cursos
- Arquitectura de Ordenadores
- Delphi XE
- Curso HTML 5
- CurosWindowsXpOnline
- XHTML Online Temario
- XHTML Online (Introducción)
- Características básicas del lenguaje, Lenguaje de Marcado
- Diferencias entre HTML y XHTML
- Atributos
- Definición y Elementos
- Estructura básica de un documento XHTML
- Modularización
- Elementos – (Modularización)
- Elementos (2 – Modularización)
- Elementos ( 3 – Modularización )
- Elementos (4 – Modularización)
- Elementos – (5 Modularización)
- Elementos – (6 Modularización)
- Ejercicio de evaluación – Capítulo 1
- Ejercicios de evaluación – Capítulo 2
- Modularizacion – Modulo de HiperTexto
- Otra forma de llegar a estudiar
- Otras cosas que ver…
RSS Noticias
 |  |  |
RSS
Благодарю!!!У Вас часто появляются очень интересные посты! Очень поднимаете мое настроение.
Очень интересно!!! Только не очень могу понять как часто обновляется ваш блог?
По правде говоря, сначала не очень то до конца понял, но перечитав второй раз дошло – спасибо!
Обновить ставки зависит от моей работы, и только пишите мне, и я не могу достаточно примирить подготовке глав с моей работой, и моя дочь, но не беспокойтесь о том, что конец будет заполнять все разделы. поздравления и благодарность за ваш комментарий , disculpad pero no se ruso por tanto la traducción la realiza google
Спасибо вам за сайт, очень полезный ресурс, мне очень нравится
Спасибо за статью. Восхищена как всегда
Благодарю Вас за визит, и то, что мне стимулом для продолжения проекта. Приветствие от Испании, извините за перевод, но я использую автоматический переводчик.
отличный дизайн )
Спасибо вам за сайт, очень полезный ресурс, мне очень нравится
Очень интересно, но все в будущем хотелось бы еще побольше узнать об этом. Очень понравилась ваша статья!
Спасибо мне очень понравился ваш блог и я обещаю заходить еще
Very good site! Thanks! faithbase
Buy cheap alprazolam online
Tienes una opcion en el lateral derecho de la pagina denominada “RSS de las entradas”. Disculpas por la traducción.
У Вас есть опция на правой стороне страницы под названием “RSS записей”. Извините за перевод.
большое спасибо!Взяла себе тоже-пригодится.
Useful information , great post . Thanks for sharing !!
Good work! Thank you very much!
Спасибо вам за сайт, очень полезный ресурс, мне очень нравится
Has learnt for itself a lot of interesting, thanks, I wait for continuation
Интересный блог- ещё зайду