Mr. Webmaster Menu
  • Home
  • Cerca
  • Didattica
    • A
    • Android
    • Apache
    • Apple
    • ASP
    • ASP.Net
    • C
    • Cloud
    • CMS
    • CSS
    • D
    • Database
    • E
    • Editor
    • G
    • Grafica
    • H
    • Hosting
    • HTML
    • J
    • Java
    • Javascript
    • jQuery
    • L
    • Leggi e Fisco
    • Linux
    • M
    • Mobile
    • MySQL
    • N
    • NET Framework
    • P
    • Photoshop
    • PHP
    • Primi Passi
    • Programmazione
    • R
    • Reti
    • Ruby
    • S
    • Sicurezza
    • Social Media
    • SQL
    • W
    • Web Design
    • Web Marketing
    • Web Server
    • Windows
    • WordPress
    • X
    • XML
    • Di tendenza
    • Android Studio
    • Bootstrap
    • GDPR
    • Hosting Wordpress
    • Node.js
    • Registrazione Domini
  • Download
    • Software
    • Script
    • Plugin CMS
    • Flash Movies
    • Sound Loops
    • Templates
    • Web Grafica
    • Font Gratis
  • Risorse
    • SEO Tools
    • WebApps
  • News
  • Blog
  • Forum
  • Network
    • Toolset.it
    • SiteMarket.it
    • Codalo.it
  • Corsi on-line
Mr. Webmaster → Mobile → Guida sviluppo siti per dispositivi mobili → Meta-tag specifici per iOS

Meta-tag specifici per iOS

  • CommentaScrivi un commento
  • ForumDiscuti sul forum
  • PrecedenteConfigurare i meta-tag per un sito mobile
  • SuccessivoDefinire un'icona ed uno Splash Screen per iOS
  • Pubblicato il
  • 15/01/2014
  • Autore
  • Massimiliano Bossi

Nella lezione precedente abbiamo visto come configurare correttamente i meta-tag specifici per un m-site. In questa lezione vedremo come aggiungere, sempre all'interno delle instestazioni del nostro sito, altri elementi utilissimi che introducono caratteristiche interessanti compatibili con gl iPhone e più in generale con i dispositivi equipaggiati con il sistema operativo mobile iOS.

Il browser Safari Mobile, infatti, riconosce ed interpreta alcuni meta-tag proprietari del mondo Apple di cui è bene dare notizia. Vediamoli in rassegna.

Continua dopo la pubblicità...

apple-mobile-web-app-capable

Con questo meta-tag diciamo al dispositivo Apple se eseguire la web-app all'interno della finestra del browser oppure in modalità full screen.

<meta name="apple-mobile-web-app-capable" content="yes">

apple-mobile-web-app-status-bar-style

Imposta l'aspetto che si vuole dare alla status bar durante l'esecuzione di una web-app. Questo meta-tag produce i suoi effetti solo se il meta-tag visto in precedenza è settato su "yes".

<meta name="apple-mobile-web-app-status-bar-style" content="black">

apple-mobile-web-app-title

Attraverso questo meta-tag è possibile definire il titolo della nostra web app, cioè il testo che apparirà nella home-screen sotto alla nostra icona (vedremo nella lezione seguente come configurarne una). Per il content di questo meta-tag è consigliabile non superare i 12 caratteri.

<meta name="apple-mobile-web-app-title" content="Mia WebApp">

apple-itunes-app

Questo meta-tag è utile se si dispone, oltre che di un sito mobile, anche di un'app nativa per il proprio sito web. Attraverso il meta-tag apple-itunes-app, infatti, viene mostrato in cima alla pagina un banner collegato alla pagina itunes della nostra app.

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

Per maggiori informazioni su questa funzionalità si rimanda alla documentazione ufficiale sul sito Apple.

Nella lezione successiva vedremo come definire, sempre per i devices Apple, una icona per i preferiti di safari ed uno Splash Screen.

Sfoglia le lezioni

← Configurare i meta-tag per un sito mobile
→ Definire un'icona ed uno Splash Screen per iOS

Commenti

I commenti sono sottoposti alle linee guida di moderazione e prima di essere visibili devono essere approvati da un moderatore.
  • Facebook
  • Twitter
  • Google+
  • YouTube
  • Feed RSS
Frequenta i nostri corsi
  • Corso Creare app per iOSCorso Creare app per iOS
    Creare applicazioni per iPhone e iPad. A partire da 49 €
  • Corso Creare app per Windows PhoneCorso Creare app per Windows Phone
    Sviluppare applicazioni per smartphone basati su Windows Phone. A partire da 49 €
Vedi anche...
  • Meta-tag specifici per Android
  • Perfezioniamo il template del nostro m-site con jQuery
  • CSS per siti mobili: stilizzare la struttura del sito
  • CSS per siti mobili: considerazioni generali e stilizzazioni di base
  • Lo scheletro HTML del nostro m-site
Mr. Webmaster
  • RSS
  • Contattaci
  • Torna su
IKIweb
© 2003 - 2019 Mr. Webmaster
Mr. Webmaster ® è un marchio registrato.
E' vietata ogni forma di riproduzione.
IKIweb Internet Media S.r.l. - P.IVA 02848390122

Parliamo di noi: chi siamo / cronologia
Contatti: pubblicità / contattaci / segnala abusi
Note Legali: condizioni d'uso / privacy / cookie
Altro: sondaggi / feed