HTML


Web + SEO: Etiquetas meta HTML o ‘metatags’ para redes sociales (Open Graph, Twitter Card)

Cuando un contenido publicado en una web se comparte en una red social, ésta tratará de buscar información útil (el título del artículo, una descripción o resumen, una imagen…), para presentar este contenido de una manera atractiva. Si no se especifica de alguna manera esta información, leerán la información del contenido y presentarán aquella que consideren adecuada, lo que muchas veces no coincide con lo que queremos mostrar, obteniendo una fotografía que nada tiene que ver con el artículo, un título poco descriptivo, o una introducción poco adecuada al contenido que compartimos. Para establecer qué datos se deben mostrar, utilizaremos […]


Web + JavaScript: Modificar parámetros GET de la URL sin redirección

Muchas veces queremos modificar los parámetros de la URL pero sin redireccionar el navegador. Esto lo podemos hacer sencillamente con JavaScript mediante dos funciones. Separando las funcionalidades, haremos una primera función que recoge el valor del parámetro que queremos buscar de la URL:

Y la función principal que cambiará el valor de ese parámetro usará la función anteriormente creada:


Métodos para redireccionar URLs (HTML, PHP y Javascript)

Veamos cómo podemos hacer diferentes direccionamientos Método 1: HTML El primer método es usar la etiqueta META de HTML. Por ejemplo, supongamos que hemos cambiado de servidor o hemos movido una página a otro directorio. El siguiente código muestra un mensaje acerca de ello y redirecciona (acción “refresh”) tras 5 segundos.

Método 2. PHP El siguiente código en PHP, redirecciona hacia otra página sin mostrar previo aviso.

Método 3. JavaScript Con JS se puede usar un temporizador, como en el Método 1, que lo definimos en el head:

O sin temporizador, expresado en el body:


Listas en CSS: Tipos y formato

La combinación entre las listas en HTML y CSS, se pueden crear listas de gran impacto visual rápidamente. En HTML la manera correcta de presentar una lista es utilizando las etiquetas UL y OL. Las siglas UL proviene de Unordered List (listas sin orden) y OL de Ordered list (listas ordenadas). Al utilizar estas etiquetas en un documento HTML, el navegador se encarga de colocar viñetas (UL) o numerar los ítems (OL). También podemos hacer listas de definición con DL, Definition List, aunque WordPress no las interpreta. Veamos los tres tipos de listas y el código HTML para construirlas: Lista […]