HTML vs Xhtml; con cuál comenzar


8

Hola gente, estoy empezando a aprender a hacer sitios web, ahora quiero saber cuál es la diferencia entre HTML y XHTML; Por favor, manténgalo simple y sin jerga por favor. :)

Además, ¿con qué lenguaje de marcado debo usar entre estos dos para comenzar?

Respuestas:


4

En lugar de reinventar la rueda, aquí hay una gran publicación que explica la diferencia entre los dos . Pero para citar w3schools y darle un resumen básico:

The Most Important Differences:

XHTML elements must be properly nested
XHTML elements must always be closed
XHTML elements must be in lowercase
XHTML documents must have one root element

Son tan similares que realmente no importa cuál aprendas primero, ya que las diferencias son menores para lo que quieres hacer. Yo diría que comience con HTML, ya que es técnicamente más simple y se ramifica a xHTML una vez que cree que está listo.


3

Además de las respuestas recientes, es beneficioso saber las diferencias entre HTML4.01 y XHTML 1.0 y las respuestas anteriores resumen esas diferencias. Ya dije también que deberías comenzar a aprender sobre los nuevos elementos introducidos en HTML5 y los cambios menores en la semántica. Lo mejor de la especificación HTML5 es que se creó, en el sentido más amplio, compatible con versiones anteriores de su código HTML4.01 o XHTML. Lo que significa que su página HTML (X) puede convertirse instantáneamente en una página HTML5 con una simple sustitución del antiguo doctype por el nuevo <!doctype html>. Un excelente recurso para un resumen HTML5: sumérgete en HTML5

Si decide seguir la ruta HTML5 que recomendaría, hay inconvenientes ya que los exploradores de Internet más antiguos, como las versiones 6-8, no reconocerán nuevos elementos HTML5 como articleo aside. Sin embargo, hay algunas bibliotecas de JavaScript que permiten que los navegadores con fecha reconozcan los nuevos elementos para que pueda diseñarlos. Echa un vistazo a Modernizr o html5shiv


2

Diferencias importantes (referenciadas desde W3schools, lo sé, lo sé)

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

Entonces no es un idioma diferente, es un conjunto diferente de estándares.

Te recomiendo que comiences a aprender HTML5, es el futuro y es bastante maduro en este momento. Realmente no hay mucha diferencia entre ellos cuando se aprende lo básico y se pone en marcha, pero probablemente debería elegir el más actualizado.


2

Estoy de acuerdo con Tom, que probablemente deberías comenzar a aprender HTML5, pero no lo haría solo porque no es 100% en este momento. Básicamente, XHTML le enseñará mejores hábitos de codificación porque es un poco más estricto en lo que se refiere a cerrar, anidar, etc. HTML5 Los buenos hábitos de codificación ayudan a sus usuarios finales, a aquellos que pueden seguirlo y a usted mismo más adelante.

Mientras aprende, pase sus páginas a través del validador: http://validator.w3.org/ Esto le indicará dónde está cometiendo sus errores y no solo lo ayudará a escribir y liberar código válido, sino que puede ayudarlo a revelar problemas manchas que pueda tener.


0

Sugiero comenzar con HTML5, que se convertirá, esencialmente, en el HTML 4.01 del futuro (también conocido como el estándar HTML del futuro). Sin embargo, aprender hábitos de codificación XHTML no es una mala idea, ya que un conjunto de reglas más estricto para escribir páginas (X) HTML evita que tenga problemas con el código descuidado.

Algunas de las características clave de XHTML:

  • Los elementos y atributos XHTML están en minúsculas
  • Los elementos XHTML deben estar cerrados (a veces con una etiqueta de cierre automático /)
  • XHTML debe declarar un espacio de nombres raíz (también conocido como xmlns, aunque esto no es necesario en HTML5)

Tener elementos correctamente anidados es técnicamente un requisito para validar HTML, pero muchos escritores HTML escriben código descuidado que no está anidado correctamente (como <strong><em>Test</strong></em>), por lo que a veces se asocia (erróneamente) con XHTML.

Recomiendo utilizar el validador (X) HTML y el validador CSS para validar su código mientras escribe, para mantener una buena práctica de tener un código válido.

Si tiene problemas relacionados con el código, puede publicarlos en Stack Overflow , otro de nuestros proyectos.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.