HTML5 – Etiqueta Footer

1

El elemento footer es otro de los nuevos elementos estructurales de html5, representa el pie de un documento o una sección, viene a sustituir a lo que antes se escribiría como:

<div id="footer">
   Pie de pagina
</div>

Este elemento puede usarse varias veces en una página web. Lo podemos utilizar como pie de una página de un documento o como pie de una sección o un articulo. Cuando lo utilizamos como pie de un documento puede contener información sobre el autor del documento, condiciones y términos de uso o copyright. Si es el pie de una sección o de un artículo, puede contener datos sobre el artículo o sección, como pueden ser la fecha de publicación, tags, categorías u otros metadatos.

(más…)

HTML5 – Etiqueta Aside

1

El elemento aside es otra de las nuevos elementos semánticos introducidos en HTML5. Éste elemento puede ser utilizado dentro o fuera de un elemento article, y según su localización tiene un significado u otro.

Cuando va incluido dentro del elemento article , su contenido debe estar relacionado con el contenido del elemento contenedor, de manera que su contenido sea relevante para el elemento article y que si se elimina el elemento, el contenido de article quedará incompleto. Algunos usos que se le podrían dar a este elemento son: una aclaración al contenido principal del articulo o una cita.

(más…)

HTML5 – Etiqueta Nav

2

Cuando se diseña una página web es muy común tener un menú de navegación o un conjunto de enlaces a otras páginas o a distintas partes de la página. En HTML5 se ha creado el elemento nav para delimitar estas secciones. Según la definición del W3C, “el elemento nav representa una sección de una página que contiene links a otras páginas o a partes de la página”. Un posible ejemplo de la utilización de este elemento podría ser el siguiente menú:

<nav>
   <ul>
      <li><a href="/">Inicio</a></li>
      <li><a href="/html/">HTML 5</a></li>
      <li><a href="/javascript/">JavaScript</a></li>
      <li><a href="/css/">CSS</a></li>
   </ul>
</nav>

Hay que tener en cuenta que no todos los grupos de links de una pagina necesitan estar en un elemento nav. Por ejemplo, en el footer es común tener un conjunto de links a distintas partes del site, como son los enlaces a las políticas de la página, a la página de inicio o a la página de copyright. En este caso, el elemento footer es suficiente para contener los links sin necesidad de un elemento nav.

(más…)

Argumentos variables en un método

0

El paso de argumentos variables a un método se introdujo a partir de la versión 5 de Java. Hasta ese entonces, si queríamos tener un método que tratara argumentos de diferente tamaño sin tener que hacer una sobrecarga creando un método diferente según el número de argumentos que se le pasarán, se hacía pasando como argumento un array conteniendo los objetos o tipos que después queríamos tratar.

Pero a partir de Java5, esto ya no es necesario hacerlo, no digo que no se haga, sino que se encarga Java de hacerlo, no nosotros. La codificación de este tipo de argumento es el siguiente: tipo … nombre

(más…)

HTML5 – Etiqueta Section

1

Después de explicar el elemento article en el articulo anterior, hoy intentaré explicar lo mejor posible el elemento section.

Según nos define el W3C:

El elemento sectión representa un agrupamiento de contenido con la misma temática dentro de un documento o aplicación. Una sección, en este contexto, es un grupo temático de contenido, con su cabecera y, en ocasiones, con un footer. Ejemplos de secciones podrían ser capítulos de un libro, el contenido de cada una de las pestaña de una aplicación, o el número de secciones de una tesis.

Tag Section – whatwg

Por lo tanto el elemento section se refiere a un conjunto de elementos o contenido que tengan una misma temática. Para mi, se deberá utilizar para contener un conjunto de elementos con un mismo sentido temático y con una relación semántica con los elementos que le rodean.

(más…)

HTML5 – Etiqueta Article

2

El elemento article es otra de las nuevas etiquetas de HTML5. En la especificación de HTML5 se encuentra dentro del grupo de elementos que tienen por finalidad definir secciones, donde también se encuentran elementos como header, hgroup, section, footer, etc. (elementos de sección). Tiene un valor semántico principalmente.

Ahora mismo existe mucha confusión con el elemento section. Durante los tres próximos artículos intentaré explicar estos dos elementos, sus diferencias y cual sería la forma más adecuada de utilizar cada uno de estos elementos.

Definiendo el Elemento

Si leemos la especificación del elemento article , nos dice:

“The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.”

Especificación WHATWG

(más…)

HTML5 – Etiqueta hgroup

1

La etiqueta <hgroup> es otra de las nuevas etiquetas semánticas introducidas en HTML5. La etiqueta <hgroup> es usada para agrupar un conjunto de elementos h1–h6, por ejemplo, cuando tenemos un titulo y a continuación una pequeña descripción o subtitulo. Pero, ¿cuándo debemos utilizar <hgroup>? y ¿cuándo debemos utilizar header?.

Cuando únicamente tenemos un titulo dentro de un articulo o sección no debemos utilizar ni header ni <hgroup>.

(más…)

Primeros pasos con Android (II). Conceptos básicos.

1

En la anterior entrada vimos como “adecentar” nuestro entorno para poder empezar a desarrollar aplicaciones Android.

En esta entrada vamos a ver los conceptos básicos que componen una aplicación de Android:

  • Activity:  Se podría decir que es lo que “vemos” en la pantalla, aunque esto realmente no es así, ya que las Activities realmente son las diferentes acciones que podemos realizar en nuestra aplicación, ya sea mostrar un dialogo, una pantalla, operaciones ocultas para el usuario,etc… Estas acciones se pueden comunicar con otras a fin de hacer determinadas tareas u obtener diferentes resultados. Una aplicación de Android es realmente un conjunto de pequeñas activity enlazadas.
  • Views:  Son las clases básicas del interfaz de usuario que controlan el layout de la pantalla y la funcionalidad otorgada al usuario, por ejemplo botones, cajas de texto, etc…
  • Services: Son componentes que nos dan la posibilidad de realizar acciones duraderas en un segundo plano y que no ofrecen en si mismas una interfaz de usuario. Estos services pueden ser de dos tipos:
    • Started:  Son iniciados por algún componente y su ejecución es independiente del componente que lo ha iniciado, pudiendo continuar su ejecución aunque el componente que lo ha iniciado ya no exista, por ejemplo una actualización de una aplicación.
    • Bound:  Son iniciados cuando algun componente se “ata” a este service,  y nos proporcionará una suerte de cliente-servidor que permite que los componentes se comuniquen con el service, etc…  Es posible “atar” varios componentes a un mismo service, pero estos services se destruirán cuando el componente al que estaba “atado” se destruya.

    (más…)

HTML5 – Etiqueta Header

1

Normalmente todas las páginas Web suelen tener una cabecera. Ésta suele encontrarse en la parte superior de la página, y en ella suele aparecer el logo o el título de la página y, a lo mejor, un subtitulo que describe el contenido de la página. En HTML4.01 para definir la cabecera se utilizaban divs y se le asignaba una clase llamada header o similar. De esta manera utilizábamos divs tanto para definir la cabecera como el contenido de la página como el pie de página.

<div class="haeder">
   <h1>Codecriticon</h1>
   <h4>BLOG INDEPENDIENTE DE PROGRAMADORES DECANTADOS</h4>
</div>

En HTML5 se introduce la etiqueta header, la cual tiene únicamente un valor semántico. header se utiliza para especificar una introducción, o un grupo de elementos de navegación en el documento, normalmente mediante la inclusión de etiquetas de título (h1-h6 o el elemento hgroup). No obstante, también puede ser utilizada para delimitar la tabla de una sección de contenidos, un formulario de búsqueda o logos de cierta importancia, de manera que no sólo la utilizaremos en la cabecera de la página sino que deberá ser utilizada en todas las partes de la página en la que añadamos una cabecera.

(más…)

Weak Reference o como ayudar al recolector de basura

1

Una weak reference o referencia débil es como su propio nombre indica una referencia a un objeto que no impide que el recolector de basura la borre. Normalmente se utilizan referencias fuertes (Strong references) a la hora de definir objetos pero esto puede dar lugar en algunos casos a errores del tipo OutOfMemoryError, debido a que esos objetos no son liberados de memoria.

Para evitar esto se cuenta con estas weak reference que no hacen otra cosa que decirle al recolector de basura que cuando no estén usadas en ese momento, pase a borrarlas.

(más…)

Ir arriba