   'HEAD Android':
     'prefix': 'head-android'
     'body': """
-      <meta name="theme-color" content="#E64545">
+      <meta name="theme-color" content="${1:#E64545}">
 
       <!-- Add to homescreen -->
-      <meta name="mobile-web-app-capable" content="yes">
+      <meta name="mobile-web-app-capable" content="${2:yes}">
       <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
     """
 
   'HEAD Chrome':
     'prefix': 'head-chrome'
     'body': """
-      <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
+      <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/${1:APP_ID}">
 
       <!-- Disable translation prompt -->
-      <meta name="google" value="notranslate">
+      <meta name="google" value="${2:notranslate}">
     """
 
   'HEAD Favicon':

    '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">
      <!-- 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>
    """

  '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">
      <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">
    """

  'HEAD QQ Browser':
    'prefix': 'head-qq'
    'body': """
      <!-- Locks the screen into the specified orientation -->
      <meta name="x5-orientation" content="landscape/portrait">
      <!-- Display this page in fullscreen -->
      <meta name="x5-fullscreen" content="true">
      <!-- Page will be displayed in "application mode"(fullscreen,etc.) -->
      <meta name="x5-page-mode" content="app">
    """

  'HEAD Safari':
    'prefix': 'head-safari'
    'body': """
      <!-- Pinned Site -->
      <link rel="mask-icon" href="path/to/icon.svg" color="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">
      <!-- More info: https://dev.twitter.com/cards/getting-started -->
      <!-- Validate: https://dev.twitter.com/docs/cards/validation/validator -->
    """

    '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}">
    """
