• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página
Pampua

Pampua

Diseño web y marketing online

  • Servicios
    • Diseño web
    • Marketing digital
    • Mantenimiento web
  • Portfolio
  • Sobre mi
  • Blog
  • Contacto

Cómo maquetar citas y comentarios en HTML

Hoy veremos los elementos que podemos usar para “citar” contenido y los comentarios; muy útiles para ocultar partes de nuestro código.

17/02/2022 Por Ramón Deja un comentario

https://roptex.com/podcast/podcast121.mp3

Apple Podcasts | Google Podcasts | Spotify | Pandora | RSS

Lo que te voy a contar me pasó hará como 2 meses, y esconde una gran lección que puedes aplicar a tu negocio.

Te cuento:

Eran como las 21h y bajaba de casa de mis padres cargado con 2 mochilas.

El jardín estaba alumbrado por las farolas de la calle, y lo conozco perfectamente puesto que me he criado allí.

Pero una planta hacía sombra justo en la tapa de una caja de registro del jardín y no la vi.

Tropecé y me di de frente contra la puerta.

El golpe fué importante.

El watch se puso a llamar al 112.

Afortunadamente no perdí el conocimiento en ningún momento y cancelé la llamada.

El chichón me duró 1 semana y al desaparecer dejó ver una pequeña marca, como que el hueso del cráneo en esa parte está un poco hundido.

También me hice una herida en la rodilla que está terminando de cicatrizar ahora.

Vivimos pensando que la muerte es algo lejano, pero no es así.

Déjame que te recuerde que Steve Jobs murió a los 56 años y Kobe Bryant a los 41.

Es duro, pero es así.

Con nuestros negocios actuamos un poco igual.

Pensamos que nada malo les va a suceder.

Es lógico ser optimistas, pero es de sabios ser precavidos.

Si tu negocio depende de que los clientes te lleguen a través de tu página web, quizá estaría bien que un «doctor» le hiciera «analíticas» regularmente, e incluso le recetara algún suplemento para reforzar su sistema inmune, no crees?

Actualmente me encargo de mantener sanas, rápidas, fuertes y libres de virus las webs de varios de mis clientes.

Además, con el plan premium, ofrezco un servicio «de emergencias» para repararla urgentemente en caso de necesidad.

Puedes cotillear libremente lo incluyen los planes de mantenimiento y leer las opiniones de algunos clientes:

https://pampua.es/mantenimiento-wordpress/

P.D: Mi web ya la tengo protegida, obviamente.

P.D2: Me he hecho una analítica y de momento estoy muy sano.

P.D3: Tengo que pedir cita en el notario para hacer el testamento.

One more thing (guiño para fanboys):

Es como el AppleCare, pero para tu web:

https://pampua.es/mantenimiento-wordpress/

Y ahora vamos con el tema del día:

Hoy te voy a contar:

  • Citas y comentarios en HTML
    • 1.- Citas
    • 2.- Citas breves
    • 3.- Abreviaturas
    • 4.- Dirección
    • 5.- Citar títulos
    • 6.- Comentar nuestro código

Citas y comentarios en HTML

Hoy veremos los elementos que podemos usar para “citar” contenido: <blockquote>,<q>, <abbr>, <address> y <cite>  así como los comentarios que podemos hacer en el código y que nos pueden ser útiles para ocultar contenido.:

1.- Citas

El código HTML <blockquote> define una sección del contenido de tu web que está citada de otro lugar.

Podrías poner:

<blockquote cite="https://pampua.es”>
Hola, soy Ramón Prats, y si sólo necesitas una página web o un plan de marketing hay otras agencias que estarán encantadas trabajar contigo.<br><br>
Yo te ofrezco algo más. Llevo desde 2002 ayudando a crear negocios online rentables. Quizá pueda echarte una mano. O tal vez no. Solo lo sabrás si sigues leyendo.
</blockquote>

2.- Citas breves

Si se trata de una cita breve tenemos la etiqueta <q> que funciona así:

<p> El elemento diferenciador de Pampua es: <q>Me implico en tu proyecto como si fuera mío.</q></p>

En ambos casos no hace falta que lo entrecomillemos, porque normalmente lo hace el navegador.

3.- Abreviaturas

La etiqueta <abbr> sirve para definir el acrónimo o la abreviatura que estamos usando, por ejemplo:

<p>Esta web usa <abbr title=“Cascade Style Sheet”>CSS</abbr></p>

4.- Dirección

Tenemos una etiqueta que nos permite añadir la dirección de nuestro negocio. Y ojo porque es muy útil para ayudar en el posicionamiento local de nuestra ficha.

Se usaría así:

<address>Av. Maisonnave, 5, 8D, Alicante</address>

5.- Citar títulos

Cuando queremos hacer referencia a títulos de una obra creativa, como por ejemplo un cuadro, un libro, una canción, una película, un poema, etc. usamos la etiqueta <cite> y normalmente se mostrará en cursiva.

Ejemplo:

<p><cite>El grito</cite> de Edvard Munch. Pintado en 1893.</p>

6.- Comentar nuestro código

Cuando estamos editando nuestro propio código es muy útil poner comentarios para entenderlo en el futuro o si otras personas tienen que hacer cambios.

<!-- Un comentario se escribe poniendo un signo de exclamación -->

Si lo que queremos es desactivar parte del código de una web  podemos hacerlo de la siguiente manera:

<p>Aquí va un párrafo visible.</p>
<!--
<p>Aquí está el nuevo logo que hemos rediseñado:</p>
<img border="0" src=“nuevo-logo.jpg" alt=“Nuevo logo”>
-->
<p>Aquí va otro párrafo visible.</p>

¿Tienes algún amigo que esté pensando en mejorar su web? Pues ya estás tardando en enviarle un whatsapp con el enlace a este episodio https://pampua.es/121 o más sencillo pampua.es/podcast y ahí tiene todos los episodios disponibles con enlaces a las principales plataformas: iTunes, iVoox, Spotify y Youtube.

Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la quincena que viene, llueva, nieve o truene!

Quizá te interese:

Qué son los rich snippets y cómo nos ayudan
Cómo va a afectar el SCA a mi ecommerce
Cómo va a afectar la SCA a mi ecommerce
cache
Cómo usar la caché en WordPress

Publicado en: Podcast Etiquetado como: html

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Footer

Contacta conmigo

De L a V de 9:00 – 21:00
Av. Maisonnave, 5, 8D, 03003 Alicante
Aviso legal - Privacidad
© 2002–2023 Ramón Prats

Podcast

En los 122 episodios del podcast "Diseño Web" he ido compartiendo un montón de consejos para que puedas optimizar tu web fácilmente.

Newsletter

Apúntate y accede a contenido exclusivo gratis con el que quincenalmente te ayudaré a mejorar tu presencia online.

Blog

Lee las últimas publicaciones del blog o mejor aún, suscríbete por RSS. Dicen que de vez en cuando publico algo interesante ;-)

Uso las dichosas cookies para darte una mejor experiencia en esta web.

Puedes informarte más sobre qué cookies uso o desactivarlas en los AJUSTES.

Powered by  GDPR Cookie Compliance
Resumen de privacidad

Utilizo las cookies en mi web para poder ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a visitar la web o ayudarme a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!