Nota: Recuerde dejar un espacio después de la etiqueta de cierre del elemento icono (es decir, después de la etiqueta </i>), cuando se utilizan los iconos junto con las cadenas de texto como dentro de los botones o enlaces de navegación, para asegurarse de que hay un espacio adecuado entre el icono y el texto.
También puedes utilizar bibliotecas de iconos externas en Bootstrap. Una de las bibliotecas de iconos externas más populares y altamente compatibles con Bootstrap es Font Awesome. Proporciona más de 675 iconos que están disponibles en SVG, PNG, así como en formato de fuente web para una mejor usabilidad y escalabilidad.
Cuando quieras añadir un logotipo a tu sitio web o a tu correo electrónico, basta con un poco de HTML para insertar la imagen. Añadir un logotipo puede hacer que tus esfuerzos de publicación en línea sean mucho más profesionales, y es fácil añadir diferentes logotipos e imágenes a tus archivos una vez que memorices el código básico. Si quieres insertar un logotipo en un diseño o archivo, a continuación te explicamos cómo usar HTML para crear tu logotipo apto para la web.
Inserta la información de la “etiqueta alt”. Esto es valioso para los motores de búsqueda y los usuarios que no pueden leer las imágenes. Esta información puede incluir el nombre de tu empresa o simplemente el mensaje de tu logotipo. Deberá añadirla inmediatamente después de la sección “img src” e insertar el texto entre dos apóstrofes.
Indique la altura y la anchura de su imagen. La información sobre la altura y la anchura va inmediatamente después del atributo de la etiqueta alt y también se envuelve en apóstrofes. Deberá escribir lo siguiente: width = “(number of pixels)” height=”(number of pixels)”.
Indique la información del borde y luego cierre la etiqueta. El grosor del borde no es necesario para todos los logotipos, pero el valor por defecto suele ser “0”. Deberá escribir lo siguiente: border=”0″ y luego cerrar la etiqueta con otro símbolo ‘>’.
Copie y pegue el código de ejemplo en su sitio web. Ajusta el valor data-href a la URL de tu sitio web. A continuación, utiliza las metaetiquetas og:*** para ajustar la vista previa del enlace. og:url y data-href deben utilizar la misma URL.
true significa utilizar el mecanismo de carga lenta del navegador estableciendo el atributo iframe loading=”lazy”. El efecto es que el navegador no renderiza el plugin si no está cerca de la ventana gráfica y puede que nunca se vea. Puede ser uno de true o false (por defecto).
data-mobile_iframeSi se establece en true, el botón de compartir abrirá el diálogo de compartir en un iframe (en lugar de una ventana emergente) en la parte superior de su sitio web en móviles. Esta opción sólo está disponible para móviles, no para ordenadores de sobremesa. Para más información, consulte Mobile Web Share Dialog.falsesize
La cabeza de un documento HTML es la parte que no se muestra en el navegador web cuando se carga la página. Contiene información como el <título> de la página, enlaces a CSS (si decide dar estilo a su contenido HTML con CSS), enlaces a favicons personalizados y otros metadatos (datos sobre el HTML, como el autor y palabras clave importantes que describen el documento). Los navegadores web utilizan la información contenida en la cabecera para renderizar el documento HTML correctamente. En este artículo cubriremos todo lo anterior y más, con el fin de darle una buena base para trabajar con el marcado.
La cabeza HTML es el contenido del elemento <head>. A diferencia del contenido del elemento <body> (que se muestra en la página cuando se carga en un navegador), el contenido del head no se muestra en la página. En su lugar, el trabajo de la cabeza es contener metadatos sobre el documento. En el ejemplo anterior, la cabecera es bastante pequeña:
Sin embargo, en páginas más grandes, la cabeza puede ser bastante grande. Pruebe a ir a algunos de sus sitios web favoritos y utilice las herramientas de desarrollo para comprobar el contenido de sus cabeceras. Nuestro objetivo aquí no es mostrarte cómo usar todo lo que se puede poner en la cabecera, sino enseñarte cómo usar los principales elementos que querrás incluir en la cabecera, y darte cierta familiaridad. Comencemos.Añadir un títuloYa hemos visto el elemento <title> en acción – este puede ser usado para añadir un título al documento. Sin embargo, esto puede confundirse con el elemento <h1>, que se utiliza para añadir un título de nivel superior a su contenido del cuerpo – esto también se refiere a veces como el título de la página. Pero son cosas diferentes.