Logo

Crear WebSlices: Anatomía y estructura – Tutorial (Parte 2)

Antes de empezar a escribir el código para crear un Web Slice, se describirán las anotaciones , propiedades, elementos necesarios, obligatorios y opcionales.

Las propiedades básicas de un Web Slice son:
- Contenedor Web Slice: La clase hslice y el atributo id
- Entry Title: La clase entry-title
- Entry Content: La clase entry-content
- Fuente alternativa: rel = feedurl
- Frecuencia de actualización: ttl
- Propiedad de expiración: endtime

Contenedor Web Slice
La clase hslice es obligatoria y fundamental. Internet Explorer 8 busca la presencia de la clase hslice en una página web para detectar un WebSlice y exponerlo como una suscripción. Este elemento describe la sección en donde se ubicarán todas las propiedades requeridas y opcionales, actuando como un contenedor de elementos.

El atributo id es obligatorio y su valor debe ser único. Se utiliza para identificar un WebSlice específico, pudiendo existir varios WebSlice en una página.

</p>
<div class="hslice" id="temperatura"></div>
<p>

Entry Title
La clase entry-title es un elemento hijo (especificado dentro de la clase hslice) y obligatorio cuyo valor describe el nombre que será expuesto por el WebSlice a la hora de la suscripción.

</p>
<div class="hslice" id=" temperatura">
<h2 class="entry-title">Temperatura de Lima</h2>
</div>
<p>

Puede existir varios elementos entry-title dentro del contenedor hslice, de esta manera mostramos un titulo personalizado y actualizable.

</p>
<div class="hslice" id=" temperatura">
<h2 class="entry-title"> Temperatura de Lima</h2>
<p> Dia: <span class="entry-title"><br />
       15&amp;amp;deg;</span> y Tarde <span class="entry-title"><br />
       25&amp;amp;deg;</span>
    </p>
</div>
<p>

Entry Content
La clase entry-content es un elemento hijo (especificado dentro de la clase hslice) y opcional. Todo los que se encuentren en ella formulará parte del cuerpo del WebSlice.

</p>
<div class="hslice" id=" temperatura">
<h2 class="entry-title">Temperatura de Lima</h2>
<div class="entry-content">
		. . .  tu contenido . . .
	</div>
</div>
<p>

Fuente alternativa
Cualquier vinculo dentro del WebSlice que haga uso del atributo <strong>rel=feedurl</strong> será considerado como una fuente de alimentación alternativa para las actualizaciones. Pudiendo ser una fuente alternativa otra página web con anotación WebSlice o un único elemento de alimentación (RSS).

De existir rel=feedurl en un WebSlice, IE8 lo toma como fuente de alimentación de actualización.

</p>
<div class="hslice" id="rss">
    <a rel="feedurl"<br />
        href=&#8221; http://feeds2.feedburner.com/NeuronalTraining&#8221;></a><br />
    <span class="entry-title">RSS blog</span>
</div>
<p>

Frecuencia de actualización
La propiedad ttl(time to live)define la frecuencia, expresada en minutos, con el que IE8 verifica una web en busca de actualizaciones.

</p>
<div class="hslice" id="1">
<p class="entry-title">Flight 056</p>
<div class="entry-content">
<p>Departure time: 1:00 PM EST</p>
<p>Status: On time</p>
<p>Flight length: <abbr class="endtime"<br />
           title=&#8221;2008-09-01T13:00:00-19:00:00&#8243;>6<br />
           hours</abbr></p>
</p></div>
<p>This item updates every <span class="ttl">5</span> minutes.</p>
</div>
<p>

Propiedad de expiración:
La propiedad endtime se utiliza para indicar el tiempo de vida de elemento y es especificado en el atributo title.

La cadena date-and-time debe tener el siguiente formato: YYYY-MM-DDThh:mm:ss[Z|(+|-)hh:mm]
YYYY: especifica los 4 dígitos el año
MM: especifica el mes, pudiendo tener rango de valores de 01 a 12
DD: especifica el día, pudiendo tener rango de valores de 01 a 31
T: separador fecha-hora
Hh: especifica la hora, pudiendo tener rango de valores de 00 a 23
mm: especifica el minuto, pudiendo tener rango de valores de 00 a 59
ss: especifica el segundo, pudiendo tener rango de valores de 00 a 59
[Z|(+|-)hh:mm]: Z representa UTC/GMT y (+|-)hh:mm las horas y minutos de la zona horaria.

Realizar comentario