       <!-- No link, just place a file called favicon.ico in the root directory -->
 
       <!-- For IE 11, Chrome, Firefox, Safari, Opera -->
-      <link rel="icon" href="path/to/favicon-16.png" sizes="16x16" type="image/png">
-      <link rel="icon" href="path/to/favicon-32.png" sizes="32x32" type="image/png">
-      <link rel="icon" href="path/to/favicon-48.png" sizes="48x48" type="image/png">
-      <link rel="icon" href="path/to/favicon-62.png" sizes="62x62" type="image/png">
-      <link rel="icon" href="path/to/favicon-192.png" sizes="192x192" type="image/png">
+      <link rel="icon" href="${1:path/to/favicon-16.png}" sizes="16x16" type="image/png">
+      <link rel="icon" href="${2:path/to/favicon-32.png}" sizes="32x32" type="image/png">
+      <link rel="icon" href="${3:path/to/favicon-48.png}" sizes="48x48" type="image/png">
+      <link rel="icon" href="${4:path/to/favicon-62.png}" sizes="62x62" type="image/png">
+      <link rel="icon" href="${5:path/to/favicon-192.png}" sizes="192x192" type="image/png">
     """
 
   'HEAD FB IA':
     'prefix': 'head-fbia'
     'body': """
       <meta charset="utf-8">
-      <meta property="op:markup_version" content="v1.0">
+      <meta property="op:markup_version" content="${1:v1.0}">
 
       <!-- The URL of the web version of your article -->
-      <link rel="canonical" href="http://example.com/article.html">
+      <link rel="canonical" href="${2:http://example.com/article.html}">
 
       <!-- The style to be used for this article -->
-      <meta property="fb:article_style" content="myarticlestyle">
+      <meta property="fb:article_style" content="${3:myarticlestyle}">
     """
 
   'HEAD FB/OG':
     'prefix': 'head-fbog'
     'body': """
-      <meta property="fb:app_id" content="123456789">
-      <meta property="og:url" content="https://example.com/page.html">
-      <meta property="og:type" content="website">
-      <meta property="og:title" content="Content Title">
-      <meta property="og:image" content="https://example.com/image.jpg">
-      <meta property="og:description" content="Description Here">
-      <meta property="og:site_name" content="Site Name">
-      <meta property="og:locale" content="en_US">
-      <meta property="article:author" content="">
+      <meta property="fb:app_id" content="${1:123456789}">
+      <meta property="og:url" content="${2:https://example.com/page.html}">
+      <meta property="og:type" content="${3:website}">
+      <meta property="og:title" content="${4:Content Title}">
+      <meta property="og:image" content="${5:https://example.com/image.jpg}">
+      <meta property="og:description" content="${6:Description Here}">
+      <meta property="og:site_name" content="${7:Site Name}">
+      <meta property="og:locale" content="${8:en_US}">
+      <meta property="article:author" content="${9}">
       <!-- Facebook: https://developers.facebook.com/docs/sharing/webmasters#markup -->
       <!-- Open Graph: http://ogp.me/ -->
     """

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