FANDOM


HTMLEditar

Veamos un ejemplo del formato de marcas más utilizado:

<HTML>
	<HEAD>
		<TITLE>
			Brazil
		</TITLE>
	</HEAD>
	<BODY>
		<H1>Brazil</H1>
		<B>Director:</B> Terry Gilliam<BR>
		<B>Protagonista:</B> Jonathan Pryce<BR>
	</BODY>
</HTML>

Cada cambio de diseño que deseemos hacer implica modificaciones en las etiquetas. Por ejemplo, para cambiar el tamaño del título de la película ha de saber que se trata de Brazil. Esta información no está presente en el archivo anterior, debe conocerla de antemano. A continuación es necesario cambiar las etiquetas que rodean al título:

<HTML>
	<HEAD>
		<TITLE>
			Brazil
		</TITLE>
	</HEAD>
	<BODY>
		<H2>Brazil</H2>
		<B>Director:</B> Terry Gilliam<BR>
		<B>Protagonista:</b> Jonathan Pryce<BR>
	</BODY>
</HTML>

XMLEditar

El documento HTML visto anteriormente contenía ciertos datos cuya naturaleza no puede ser determinada salvo que la conozcamos de antemano. Para nosotros es sencillo saber qué parte es el título, pero no lo es tanto para un sistema automático. Sin embargo, con XML la situación cambia:

<?xml version="1.0"?>
<pelicula>
	Brazil
	<director>Terry Gilliam</director>
	<actores>
		<actor>Jonathan Pryce</actor>
	</actores>
</pelicula>

A diferencia de HTML, XML es especialmente sensible con la ordenación de las etiquetas. El siguiente es un ejemplo de documento XML incorrecto:

<?xml version="1.0"?>
<pelicula>
	Brazil
	<director>Terry Gilliam</director>
	<actores>
		<actor>Jonathan Pryce</actores>
	</actor>
</pelicula>

HTML + XML = XHTMLEditar

Si se juntan la estructura de HTML con las normas de XML nace XHTML. El siguiente es el primer documento HTML mostrado en este capítulo, con formato XHTML:

<html>
	<head>
		<title>
			Brazil
		</title>
	</head>
	<body>
		<h1>Brazil</h1>
		<b>Director:</b> Terry Gilliam<br/>
		<b>Protagonista:</b> Jonathan Pryce<br/>
	</body>
</html>

XML + CSS = HTMLEditar

A la derecha del signo igual puede estar prácticamente cualquier formato con el que interese trabajar. En este caso, tenemos un documento XML:

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="brazil.css"?>
<pelicula>
	Brazil
	<director>Terry Gilliam</director>
	<actores>
		<actor>Jonathan Pryce</actor>
	</actores>
</pelicula>

Fíjese en el nuevo atributo href, que hace referencia al archivo brazil.css. El contenido de dicho archivo es el siguiente:

pelicula
{
	display: block;
	font-size: xx-large;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 8px;
}
 
director
{
	display: block;
	font-size: medium;
	font-weight: normal;
	top: 21px;
	position: relative;
}
 
director:before
{
	content: "Director: ";
	font-size: medium;
	font-weight: bold;
}
 
actor
{
	display: block;
	font-size: medium;
	font-weight: normal;
	top: 21px;
	position: relative;
}
 
actor:before
{
	content: "Protagonista: ";
	font-size: medium;
	font-weight: bold;
}

Si carga en un cliente Web el documento XML anterior podrá comprobar que su aspecto ha pasado a ser muy similar que el del documento HTML que vimos en primer lugar, aunque su contenido sea diferente.

Enlaces interesantesEditar

Puede que encuentre interesantes los siguientes enlaces:

El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.