{"id":12061,"date":"2013-01-21T15:46:50","date_gmt":"2013-01-21T14:46:50","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=12061"},"modified":"2023-02-27T14:43:41","modified_gmt":"2023-02-27T14:43:41","slug":"html5-attributo-placeholder","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/","title":{"rendered":"HTML5: l’attributo Placeholder"},"content":{"rendered":"

L’attributo placeholder<\/strong>, introdotto da HTML5, \u00e8 una semplice ma a mio avviso utilissima feature che consente di poter inserire un testo identificativo o di suggerimento in un tag input o textarea<\/strong>. In questo intervento analizzeremo come utilizzarlo, come poter interagire con il css per modificarlo e infine come poterlo rendere compatibile con Internet Explorer (versioni precedenti alla 10). È compatibile con tutti i browser con motore Webkit (Chrome, Safari ecc..), Firefox e Opera.<\/p>\n

Markup HTML<\/h2>\n

Il markup html \u00e8 semplicissimo e immediato, basta aggiungere al nostro tag input o textarea l’attributo placeholder=”(contenuto)”<\/strong>, come qui sotto:<\/p>\n

[html]
\n<input type="text" placeholder="Inserisci il tuo nome">
\n[\/html]<\/p>\n

In questo modo visualizzeremo il testo da noi inserito nel tag input<\/strong> e, nel momento in cui scriveremo qualcosa al suo interno, il suggerimento scomparir\u00e0 per dare posto alla stringa di testo che avremo digitato. Nel caso cancellassimo ci\u00f2 che abbiamo appena inserito, il placeholder riprender\u00e0 posto all’interno del tag.
\nIl placeholder non \u00e8 da confondere con l’attributo value<\/strong>: esso non ha valore all’interno di un form, \u00e8 soltanto un aiuto utile all’utente che compila il nostro campo.<\/p>\n

Personalizzazione placeholder con CSS3<\/h2>\n

Lo stile del placeholder<\/strong> pu\u00f2 essere modificato come se fosse un vero e proprio elemento html indipendente dal tag in cui \u00e8 inserito. Possiamo agire in due modi differenti, in entrambi i casi per\u00f2, le regole da noi inserite verranno correttamente interpretate soltanto dai browser con motore Webkit e da Firefox.<\/p>\n

Le regole che seguono serviranno solo a modificare il testo del nostro placeholder<\/strong><\/p>\n

per Webkit si utilizza:
\n[css]
\ninput::-webkit-input-placeholder{
\n color:#999;
\n}
\n[\/css]<\/p>\n

per Firefox si utilizza:
\n[css]
\ninput:-moz-placeholder{
\n color:#999;
\n}
\n[\/css]<\/p>\n

In generale si tende a dare un colore al testo del placeholder pi\u00f9 chiaro rispetto al colore del testo della input. Una nota importante dell’utilizzo di queste due propriet\u00e0 Css \u00e8 che non \u00e8 possibile raggruppare le due regole in un’unica sola. Mi spiego meglio con questo esempio:<\/p>\n

[css]
\ninput:-moz-placeholder, input::-webkit-input-placeholder{
\n color:#999;
\n}
\n[\/css]
\nQuesta parte di codice non funzioner\u00e0.<\/p>\n

Altra modifica che Css3 consente di poter apportare \u00e8 la possibilit\u00e0 di modificare ad esempio un tag input, se questo possiede un attributo placeholder, con questa regola:<\/p>\n

[css]
\ninput[placeholder]{
\n background-color:#fefefe;
\n}
\n[\/css]
\nIn questo modo a tutti i tag input aventi l’attributo placeholder<\/strong> verr\u00e0 impostato lo sfondo di colore #fefefe;<\/p>\n

Placeholder fix per Internet Explorer<\/h2>\n

Internet Explorer in tutte le sue versioni fino ad ora pubblicate, non supporta l’attributo placeholder<\/strong>, non d\u00e0 errori ma lo ignora completamente. Per poter ovviare a questo problema \u00e8 abbastanza inserire un piccolo script<\/strong>, che venga eseguito ad esempio al dom.ready (se il browser utilizzato \u00e8 appunto una qualsiasi versione di IE). In questo caso ho utilizzato come framework jQuery.<\/p>\n

[js]
\n$(document).ready(function() {<\/p>\n

if($.browser.msie) {<\/p>\n

$(‘[placeholder]’).focus(function() {
\n var element = $(this);
\n if (element.val() == element.attr(‘placeholder’)) {
\n element.val(”);
\n element.removeClass(‘placeholder’);
\n }
\n }).blur(function() {
\n var element = $(this);
\n if (element.val() == ” || element.val() == element.attr(‘placeholder’)) {
\n element.addClass(‘placeholder’);
\n element.val(element.attr(‘placeholder’));
\n }
\n }).blur();
\n $(‘[placeholder]’).parents(‘form’).submit(function() {
\n $(this).find(‘[placeholder]’).each(function() {
\n var element = $(this);
\n if (element.val() == element.attr(‘placeholder’)) {
\n element.val(”);
\n }
\n })
\n })<\/p>\n

}<\/p>\n

});
\n[\/js]<\/p>\n

Per prima cosa si controlla se il browser utilizzato \u00e8 Internet Explorer altrimenti il codice non verr\u00e0 preso in considerazione. Dopodich\u00e9 ci\u00f2 che andremo a fare sar\u00e0 semplicemente assegnare o togliere il valore del nostro placeholder<\/strong> all’attributo value, a seconda se stiamo selezionando il nostro tag input (focus), o se stiamo togliendo la selezione da esso (blur), sempre tenendo conto del valore inserito al suo interno.<\/p>\n

Sostanzialmente in questo script la prima parte di codice racchiusa all’interno della funzione .focus(function(){<\/em> non far\u00e0 altro che estrapolare il valore del placeholder<\/strong>, controllare se il value \u00e8 uguale al valore del placeholder e in tal caso cancellare il valore di value. Questo \u00e8 il caso in cui andiamo a cliccare per esempio la prima volta sulla input.<\/p>\n

La funzione .blur(function() {<\/em>, invece, far\u00e0 l’opposto: se quando togliamo la selezione dalla input, il valore dell’attributo value sar\u00e0 uguale al valore del placeholder o sar\u00e0 vuota andremo a valorizzare quest’ultimo con il valore del placeholder.<\/p>\n

L’ultima parte dello script agir\u00e0 sull’evento submit del form che contiene i nostri tag html con placeholder e semplicemente andr\u00e0 a prevenire l’inserimento del valore del placeholder nella compilazione del form, e quando si trover\u00e0 davanti ad un caso di questo tipo, azzerer\u00e0 il valore dell’attributo value.<\/p>\n","protected":false},"excerpt":{"rendered":"

L’attributo placeholder<\/strong>, introdotto da HTML5, \u00e8 una semplice ma a mio avviso utilissima feature che consente di poter inserire un testo identificativo o di suggerimento in un tag input o textarea<\/strong>.<\/p>\n","protected":false},"author":4,"featured_media":12549,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[108],"tags":[106,290],"class_list":["post-12061","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sviluppo","tag-html5","tag-programmazione"],"yoast_head":"\n\u2022 HTML5: l'attributo Placeholder - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 HTML5: l'attributo Placeholder - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-21T14:46:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:43:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"HTML5: l’attributo Placeholder\",\"datePublished\":\"2013-01-21T14:46:50+00:00\",\"dateModified\":\"2023-02-27T14:43:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/\"},\"wordCount\":739,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/html52.jpg\",\"keywords\":[\"html5\",\"programmazione\"],\"articleSection\":[\"Sviluppo\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/\",\"name\":\"\u2022 HTML5: l'attributo Placeholder - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/html52.jpg\",\"datePublished\":\"2013-01-21T14:46:50+00:00\",\"dateModified\":\"2023-02-27T14:43:41+00:00\",\"description\":\"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/html52.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/html52.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/html5-attributo-placeholder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5: l’attributo Placeholder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 HTML5: l'attributo Placeholder - Artera","description":"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 HTML5: l'attributo Placeholder - Artera","og_description":"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2013-01-21T14:46:50+00:00","article_modified_time":"2023-02-27T14:43:41+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"HTML5: l’attributo Placeholder","datePublished":"2013-01-21T14:46:50+00:00","dateModified":"2023-02-27T14:43:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/"},"wordCount":739,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg","keywords":["html5","programmazione"],"articleSection":["Sviluppo"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/","url":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/","name":"\u2022 HTML5: l'attributo Placeholder - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg","datePublished":"2013-01-21T14:46:50+00:00","dateModified":"2023-02-27T14:43:41+00:00","description":"Leggi dal blog: HTML5: l'attributo Placeholder. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/01\/html52.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/sviluppo\/html5-attributo-placeholder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"HTML5: l’attributo Placeholder"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=12061"}],"version-history":[{"count":1,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12061\/revisions"}],"predecessor-version":[{"id":234076,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/12061\/revisions\/234076"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media\/12549"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=12061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=12061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=12061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}