EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            marcos o frames una tecnología obsoleta
            Marcos o frames en html, una tecnología obsoleta
            06/09/2019
            Metaetiquetas rrss
            Metaetiquetas o metatags para redes sociales en HTML
            07/09/2019

            Etiquetas HTML para los iconos de acceso directo en Android, iPhone y otras aplicaciones

            Etiquetas acceso directo

            etiquetas html acceso directo web iphone android

            Tabla de contenidos

            • 9. Etiquetas HTML para los iconos de acceso directo en Android, iPhone y otras aplicaciones
              • 9.1. Pasos a seguir para incluir los iconos de acceso directo a tu web en Android, iPhone u otros.
            • 9.2. ¿Cómo añadir el acceso directo de mi web al escritorio de mi Smartphone mediante Google Chrome? 
            • 9.3. ¿Cómo añadir el acceso directo de mi web al escritorio de mi Smartphone mediante Firefox? 

            9. Etiquetas HTML para los iconos de acceso directo en Android, iPhone y otras aplicaciones

            Insertar el acceso directo a las webs que más utilizamos es extremadamente útil tanto en el “escritorio” de nuestro smartphone o tablet, como en la página principal de nuestros navegadores favoritos. De esta forma en un solo clic conseguimos estar en la web o aplicación que deseemos.

            Para incluir estos accesos directos o iconos identificativos en las pantallas de los smartphones, tablets o navegadores podemos insertar etiquetas especiales en nuestro código HTML. Lo que conseguiremos mediante estas etiquetas es incluir los iconos tipo App de nuestra web en diferentes resoluciones para que sean visibles y con buena calidad.

            9.1. Pasos a seguir para incluir los iconos de acceso directo a tu web en Android, iPhone u otros.

            1. Crea el icono de tu web tipo App de un tamaño grande para no perder calidad (ejemplo 1024x1024px).
            2. Crea los diferentes tamaños exigidos para cada tipo de dispositivo. Mediante esta aplicación online gratuita puedes subir la imagen creada en el punto 1 y te llega un correo electrónico con todas las imágenes preparadas en un archivo comprimido.
            3. Guarda los diferentes tamaños que necesites en una carpeta organizada en tu espacio web.
            4. Añade las etiquetas necesarias en tu código html.

            Para empezar está bien con incluir las siguientes etiquetas <link> en el <head> de tu código HTML:

            < link href="http://www.tuweb.com/img/apple-touch-icon.png" rel="apple-touch-icon" />
            < link href="http://www.tuweb.com/img/icon-hires.png" rel="icon" sizes="192x192" />
            < link href="http://www.tuweb.com/img/icon-normal.png" rel="icon" sizes="128x128" />

            Ejemplo de código o etiquetas que solemos utilizar en nuestros proyectos:

            See the Pen Etiquetas útiles by Eniun (@Eniun) on CodePen.0

            9.2. ¿Cómo añadir el acceso directo de mi web al escritorio de mi Smartphone mediante Google Chrome? 

            • Abre Google Chrome y carga la página que quieres añadir como acceso directo en tu smartphone.
            • Pulsa sobre el menú, los tres puntos de la esquina superior derecha.
            • Elige “Añadir a pantalla de inicio” y tendrás el acceso directo a la web en tu escritorio principal.

            9.3. ¿Cómo añadir el acceso directo de mi web al escritorio de mi Smartphone mediante Firefox? 

            • Abre Firefox y carga la página que quieres añadir como acceso directo en tu smartphone.
            • Ve al menú superior derecho, el de los tres puntos, y selecciona “Página”.
            • Desciende hasta “Añadir acceso directo a página” y selecciona “aquí”.
            Compartir

            UD2. HTML

            • 1. Lenguaje de marcas HTML
            • 2. Estructura y elementos semánticos
            • 3. Contenido y texto
            • 4. Formularios
            • 5. Tablas de contenido
            • 6. Contenido incrustado
            • 7. Elementos de ordenación
            • 8. Marcadores en HTML
            • 9. Factores HTML clave para el SEO
            • 10. Test de verificación HTML y herramientas útiles
            • 11. Marcos o frames, una tecnología obsoleta
            • 12. Etiquetas HTML para acceso directo en Android e iPhone
            • 13. Metaetiquetas o metatags para redes sociales
            • 14. Cómo usar Github y SourceTree para publicar contenido
            • 15. Repositorio Git en Visual Studio Code
            • 16. Resumen HTML
            • 17. Referencias y recursos HTML

            Unidades

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results