Hace 5 años

XHTML y HTML

Este articulo lo dedico a poner sendas chuletas de XHTML y HTML, no sin antes explicar un poco sobre estos lenguajes de marcas.

XHTML es el lenguaje de marcas creado para sustituir al lenguaje HTML. El objetivo del proyecto W3C es de lograr páginas web dónde la información y la presentación de la misma, estén totalmente separadas. Por un lado tendríamos la información en un documento XHTML y por otro lado tendríamos el diseño y la ubicación de esta información gracias a las hojas de estilos CSS y a la interactividad y funcionalidad de JavaScript. En realidad la diferencia entre los lenguajes XHTML y HTML, está en el concepto y la estructura del documento, siendo XHTML más estricto, para conseguir una estandarización en el código de todas las webs.

Reglas XHTML

  • Todas las etiquetas y atributos van en minúscula.
  • Las etiquetas deben estar bien anidadas. Ejemplo: <p><strong>Hola</strong></p>.
  • Todas las etiquetas deben cerrarse. Ejemplo <p> </p>, <strong> </strong>, <hr />, <link />.
  • El primer elemento siempres será <html> seguido de <head> y <body>, sin olvidarse de cerrarlos.
  • El elemento <title> es obligado ponerlo justo despues de <head>.
  • Desaparecen las etiquetas de HTML <font>, <center>.
  • El aspecto del documento se describe únicamente a través de hojas de estilo.

Estructura XHTML/HTML

<!DOCTYPE html>
<html lang=”es”>
<head>

<!– Titulo de la web –>
<title>Titulo de la web </title>

<!– Meta-informacion –>
<meta charset=”UTF-8“>
<meta name=”description” content=”Descripcion de mi web”>
<meta name=”keywords” content=”Palabras clave para que me encuentren en los buscadores, separadas por comas”>

<!– Enlace a la hoja de estilos.css –>
<link rel=’stylesheet‘ href=”Hoja de estilos CSS“>

</head>

<body>

<!– Código de la web –>

</body>

</html>

 

La siguiente chuleta de XHTML está en un archivo PDF, que contiene 2 hojas
XHTML

 

La siguiente chuleta de HTML5 está en un archivo PDF, que contiene 4 hojas.
HTML5
Diseño web
,
1287

Dame tu opinión

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>