<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:abstract="http://www.susannakosic.net/tests/CSS3/selectores-namespace/">

	<head>
		<link rel="stylesheet" href="styles.css" type="text/css" />
	</head>

	<body>
	<h1>CSS 3: selectores de tipo y espacios de nombres</h1> <a href="#html">HTML</a><a href="#css">CSS</a><a href="#xml">XML</a>
	
	<div id="col1">
		<h2><a id="html">XHTML-XML</a></h2>	
		<p>Para importar un espacio de nombres es suficiente con añadir su <acronym lang="en" title="Unique Resource Identifier">URI</acronym> en el tag html del documento mediante el atributo <acronym lang="en" title="XML NameSpace">xmlns</acronym>:<br/>
			   <code>&lt;html xmlns="http://www.w3.org/1999/xhtml" ... &gt;</code>
		</p>
		<p>Podemos importar prefijos para múltiples espacios de nombres en un mismo documento:<br/>
			   <code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:<span class="resaltado">skl</span>="http://www.susannakosic.net/tests/CSS3/selectores-namespace/" ... &gt;</code>
		</p>
	
		
		<p>La segunda aparición del atributo xmlns define el prefijo skl para identificar a los elementos que pertecen al espacio de nombres especificado con la URI, de esta manera, al parsear la página el navegador sabrá qué reglas de qué espacio de nombres aplicar a cada elemento.:<br/>
			<code>&lt;<span class="resaltado">skl</span>:elemento&gt;&lt;/<span class="resaltado">skl</span>:elemento&gt;</code>
		 
		</p>
    </div>
	<div id="col2">
		<h2><a id="css">CSS</a></h2>
		<p>Podemos incluir las reglas de estilo para elementos <acronym title="Extensible Markup Language">XML</acronym> y <acronym title="¿¿¿Alguien no sabe qué significa XHTML???">XHTML</acronym> en un mismo documento <acronym title="Cascading Style Sheet">CSS</acronym>. Lo primero es definir el espacio de nombres adicional (tiene que ser forzosamente la primera línea o no se aplicará).
			   <code>@namespace skl url("http://www.susannakosic.net/tests/CSS3/selectores-namespace/");</code>
		</p>
		<p>¡Ya está!<br/>	

<div class="ejemplos">		
<pre>*|acronym{

/*reglas de estilo para el 
elemento acronym de 
cualquier espacio de nombres*/

}</pre>
</div>

				   
<div class="ejemplos">		
<pre>skl|libro{

/*reglas de estilo para el 
elemento libro del espacio 
de nombres skl*/

}</pre>
</div>
<div class="ejemplos">		
<pre>skl|libro titulo{

/*reglas de estilo para el 
elemento titulo del elemento libro 
del espacio de nombres skl*/

}</pre>
</div>


		</p>
			
	</div>
	<hr/>
	
	
	<h2><a name="xml">Bonitos elementos XML formateados :-)</a></h2>

	
		<abstract:libro xml:lang="es">
			<abstract:titulo>Diseño web. Edición 2008</abstract:titulo>
			<abstract:autor>Jason Beaird</abstract:autor>
			<abstract:ISBN>978-84-415-2345-6</abstract:ISBN>
			<abstract:introduccion>Sé honesto y te tomarán por tonto tra la la...</abstract:introduccion>
		</abstract:libro>
		
		<abstract:libro xml:lang="es">
			<abstract:titulo>Forza <acronym title="Cascanding Style Sheets">CSS3</acronym></abstract:titulo>
			<abstract:autor>Jason Beaird</abstract:autor>
			<abstract:ISBN>978-84-415-2345-6</abstract:ISBN>
			<abstract:introduccion>Je sais quoi que nous ne savons pas...tra la la</abstract:introduccion>
		</abstract:libro>
		
		<abstract:libro xml:lang="es">
			<abstract:titulo>Diseño web. Edición 2008</abstract:titulo>
			<abstract:autor>Jason Beaird</abstract:autor>
			<abstract:ISBN>978-84-415-2345-6</abstract:ISBN>
			<abstract:introduccion>Ring ring looking at my telephone...</abstract:introduccion>
		</abstract:libro>
		    

	</body>
</html>

