     'prefix': 'head-min'
     'body': """
       <meta charset="utf-8">
-      <meta http-equiv="x-ua-compatible" content="ie=edge">
-      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <meta http-equiv="x-ua-compatible" content="${1:ie=edge}">
+      <meta name="viewport" content="${2:width=device-width, initial-scale=1}">
       <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-      <title>${1:Page Title}</title>
+      <title>${3:Page Title}</title>
     """
 
   'HEAD oEmbed':
     'prefix': 'head-oembed'
     'body': """
       <link rel="alternate" type="application/json+oembed"
-        href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=json"
-        title="oEmbed Profile: JSON">
+        href="${1:http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=json}"
+        title="${2:oEmbed Profile: JSON}">
       <link rel="alternate" type="text/xml+oembed"
-        href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml"
-        title="oEmbed Profile: XML">
+        href="${3:http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml}"
+        title="${4:oEmbed Profile: XML}">
     """
 
   'HEAD QQ Browser':
     'prefix': 'head-qq'
     'body': """
       <!-- Locks the screen into the specified orientation -->
-      <meta name="x5-orientation" content="landscape/portrait">
+      <meta name="x5-orientation" content="${1:landscape/portrait}">
       <!-- Display this page in fullscreen -->
-      <meta name="x5-fullscreen" content="true">
+      <meta name="x5-fullscreen" content="${2:true}">
       <!-- Page will be displayed in "application mode"(fullscreen,etc.) -->
-      <meta name="x5-page-mode" content="app">
+      <meta name="x5-page-mode" content="${3:app}">
     """
 
   'HEAD Safari':
     'prefix': 'head-safari'
     'body': """
       <!-- Pinned Site -->
-      <link rel="mask-icon" href="path/to/icon.svg" color="red">
+      <link rel="mask-icon" href="${1:path/to/icon.svg}" color="${2:red}">
     """
 
   'HEAD Twitter':
     'prefix': 'head-twitter'
     'body': """
-      <meta name="twitter:card" content="summary">
-      <meta name="twitter:site" content="@site_account">
-      <meta name="twitter:creator" content="@individual_account">
-      <meta name="twitter:url" content="https://example.com/page.html">
-      <meta name="twitter:title" content="Content Title">
-      <meta name="twitter:description" content="Content description less than 200 characters">
-      <meta name="twitter:image" content="https://example.com/image.jpg">
+      <meta name="twitter:card" content="${1:summary}">
+      <meta name="twitter:site" content="@${2:site_account}">
+      <meta name="twitter:creator" content="${3:@individual_account}">
+      <meta name="twitter:url" content="${4:https://example.com/page.html}">
+      <meta name="twitter:title" content="${5:Content Title}">
+      <meta name="twitter:description" content="${6:Content description less than 200 characters}">
+      <meta name="twitter:image" content="${7:https://example.com/image.jpg}">
       <!-- More info: https://dev.twitter.com/cards/getting-started -->
       <!-- Validate: https://dev.twitter.com/docs/cards/validation/validator -->
     """

  'HEAD Google+':
    'prefix': 'head-gplus'
    'body': """
      <link href="https://plus.google.com/+YourPage" rel="publisher">
      <meta itemprop="name" content="Content Title">
      <meta itemprop="description" content="Content description less than 200 characters">
      <meta itemprop="image" content="https://example.com/image.jpg">
    """

  'HEAD IE':
    'prefix': 'head-ie'
    'body': """
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta http-equiv="cleartype" content="on">
      <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">

      <!-- Disable link highlighting on IE 10 on Windows Phone (https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/) -->
      <meta name="msapplication-tap-highlight" content="no">

      <!-- Pinned sites (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx) -->
      <meta name="application-name" content="Contoso Pinned Site Caption">
      <meta name="msapplication-tooltip" content="Example Tooltip Text">
      <meta name="msapplication-starturl" content="/">

      <meta name="msapplication-config" content="http://example.com/browserconfig.xml">

      <meta name="msapplication-allowDomainApiCalls" content="true">
      <meta name="msapplication-allowDomainMetaTags" content="true">
      <meta name="msapplication-badge" content="frequency=30; polling-uri=http://example.com/id45453245/polling.xml">
      <meta name="msapplication-navbutton-color" content="#FF3300">
      <meta name="msapplication-notification" content="frequency=60;polling-uri=http://example.com/livetile">
      <meta name="msapplication-square150x150logo" content="path/to/logo.png">
      <meta name="msapplication-square310x310logo" content="path/to/largelogo.png">
      <meta name="msapplication-square70x70logo" content="path/to/tinylogo.png">
      <meta name="msapplication-wide310x150logo" content="path/to/widelogo.png">
      <meta name="msapplication-task" content="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico">
      <meta name="msapplication-task-seperator" content="1">
      <meta name="msapplication-TileColor" content="#FF3300">
      <meta name="msapplication-TileImage" content="path/to/tileimage.jpg">
      <meta name="msapplication-window" content="width=1024;height=768">
    """

  'HEAD iOS':
    'prefix': 'head-ios'
    'body': """
      <!-- Smart App Banner -->
      <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">

      <!-- Disable automatic detection and formatting of possible phone numbers -->
      <meta name="format-detection" content="telephone=no">

      <!-- Add to Home Screen -->
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <meta name="apple-mobile-web-app-title" content="App Title">

      <!-- Touch Icons -->
      <link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">
      <link rel="apple-touch-icon-precomposed" href="path/to/apple-touch-icon-precomposed.png">
      <!-- In most cases, one 180×180px touch icon in the head is enough -->
      <!-- If you use art-direction and/or want to have different content for each device, you can add more touch icons -->

      <!-- Startup Image -->
      <link rel="apple-touch-startup-image" href="path/to/startup.png">

      <!-- More info: https://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html -->
    """

    'prefix': 'head-uc'
    'body': """
      <!-- Locks the screen into the specified orientation -->
      <meta name="screen-orientation" content="${1:landscape/portrait}">
      <!-- Display this page in fullscreen -->
      <meta name="full-screen" content="${2:yes}">
      <!-- UC browser will display images even if in "text mode" -->
      <meta name="imagemode" content="${3:force}">
      <!-- Page will be displayed in "application mode"(fullscreen,forbiding gesture, etc.) -->
      <meta name="browsermode" content="${4:application}">
      <!-- Disabled the UC browser's "night mode" in this page -->
      <meta name="nightmode" content="${5:disable}">
      <!-- Simplify the page to reduce data transfer -->
      <meta name="layoutmode" content="${6:fitscreen}">
      <!-- Disable the UC browser's feature of "scaling font up when there are many words in this page" -->
      <meta name="wap-font-scale" content="${7:no}">
    """
