diff --git a/snippets/head-360-browser.sublime-snippet b/snippets/head-360-browser.sublime-snippet
index 45a4c7b..8348ceb 100644
--- a/snippets/head-360-browser.sublime-snippet
+++ b/snippets/head-360-browser.sublime-snippet
@@ -1,7 +1,7 @@
 <snippet>
 	<content><![CDATA[
 <!-- select rendering engine in order -->
-<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta name="renderer" content="${1:webkit|ie-comp|ie-stand}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-360</tabTrigger>
diff --git a/snippets/head-app-links.sublime-snippet b/snippets/head-app-links.sublime-snippet
index 18969f6..a10e97f 100644
--- a/snippets/head-app-links.sublime-snippet
+++ b/snippets/head-app-links.sublime-snippet
@@ -1,15 +1,15 @@
 <snippet>
 	<content><![CDATA[
 <!-- iOS -->
-<meta property="al:ios:url" content="applinks://docs">
-<meta property="al:ios:app_store_id" content="12345">
-<meta property="al:ios:app_name" content="App Links">
+<meta property="al:ios:url" content="${1:applinks://docs}">
+<meta property="al:ios:app_store_id" content="${2:12345}">
+<meta property="al:ios:app_name" content="${3:App Links}">
 <!-- Android -->
-<meta property="al:android:url" content="applinks://docs">
-<meta property="al:android:app_name" content="App Links">
-<meta property="al:android:package" content="org.applinks">
+<meta property="al:android:url" content="${4:applinks://docs}">
+<meta property="al:android:app_name" content="${3:App Links}">
+<meta property="al:android:package" content="${5:org.applinks}">
 <!-- Web Fallback -->
-<meta property="al:web:url" content="http://applinks.org/documentation">
+<meta property="al:web:url" content="${6:http://applinks.org/documentation}">
 <!-- More info: http://applinks.org/documentation/ -->
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
diff --git a/snippets/head-apple-ios.sublime-snippet b/snippets/head-apple-ios.sublime-snippet
index 0a22739..1b527bf 100644
--- a/snippets/head-apple-ios.sublime-snippet
+++ b/snippets/head-apple-ios.sublime-snippet
@@ -1,24 +1,24 @@
 <snippet>
 	<content><![CDATA[
 <!-- Smart App Banner -->
-<meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
+<meta name="apple-itunes-app" content="${1: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">
+<meta name="format-detection" content="${2: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">
+<meta name="apple-mobile-web-app-capable" content="${3:yes}">
+<meta name="apple-mobile-web-app-status-bar-style" content="${4:black}">
+<meta name="apple-mobile-web-app-title" content="${5: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">
+<link rel="apple-touch-icon" href="${6:path/to/apple-touch-icon.png}">
+<link rel="apple-touch-icon-precomposed" href="${7: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">
+<link rel="apple-touch-startup-image" href="${8:path/to/startup.png}">
 
 <!-- More info: https://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html -->
 ]]></content>
diff --git a/snippets/head-apple-safari.sublime-snippet b/snippets/head-apple-safari.sublime-snippet
index 2d6cd47..b858e8b 100644
--- a/snippets/head-apple-safari.sublime-snippet
+++ b/snippets/head-apple-safari.sublime-snippet
@@ -1,7 +1,7 @@
 <snippet>
 	<content><![CDATA[
 <!-- 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}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-safari</tabTrigger>
diff --git a/snippets/head-elements.sublime-snippet b/snippets/head-elements.sublime-snippet
index 0c4cd37..8925c79 100644
--- a/snippets/head-elements.sublime-snippet
+++ b/snippets/head-elements.sublime-snippet
@@ -1,21 +1,21 @@
 <snippet>
 	<content><![CDATA[
 <!-- Document Title -->
-<title>Page Title</title>
+<title>${1:Page Title}</title>
 
 <!-- Base URL to use for all relative URLs contained within the document -->
-<base href="https://example.com/page.html">
+<base href="${2:https://example.com/page.html}">
 
 <!-- External CSS -->
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="${3:styles.css}">
 
 <!-- In-document CSS -->
 <style>
-	/* ... */
+	${4:/* ... */}
 </style>
 
 <!-- JavaScript -->
-<script src="script.js"></script>
+<script src="${5:script.js}"></script>
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-elements</tabTrigger>
diff --git a/snippets/head-facebook-instant-articles.sublime-snippet b/snippets/head-facebook-instant-articles.sublime-snippet
index 42c76b2..b625532 100644
--- a/snippets/head-facebook-instant-articles.sublime-snippet
+++ b/snippets/head-facebook-instant-articles.sublime-snippet
@@ -4,10 +4,10 @@
 <meta property="op:markup_version" content="v1.0">
 
 <!-- The URL of the web version of your article -->
-<link rel="canonical" href="http://example.com/article.html">
+<link rel="canonical" href="${1: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="${2:myarticlestyle}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-fbia</tabTrigger>
diff --git a/snippets/head-facebook-open-graph.sublime-snippet b/snippets/head-facebook-open-graph.sublime-snippet
index 0983412..7c94d14 100644
--- a/snippets/head-facebook-open-graph.sublime-snippet
+++ b/snippets/head-facebook-open-graph.sublime-snippet
@@ -1,14 +1,14 @@
 <snippet>
 	<content><![CDATA[
-<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/ -->
 ]]></content>
diff --git a/snippets/head-favicons.sublime-snippet b/snippets/head-favicons.sublime-snippet
index ad0136d..6eadd41 100644
--- a/snippets/head-favicons.sublime-snippet
+++ b/snippets/head-favicons.sublime-snippet
@@ -4,11 +4,11 @@
 <!-- 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">
 <!-- More info: https://bitsofco.de/all-about-favicons-and-touch-icons/ -->
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
diff --git a/snippets/head-google-android.sublime-snippet b/snippets/head-google-android.sublime-snippet
index 90ef7f3..d159e19 100644
--- a/snippets/head-google-android.sublime-snippet
+++ b/snippets/head-google-android.sublime-snippet
@@ -1,8 +1,8 @@
 <snippet>
 	<content><![CDATA[
-<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 -->
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
diff --git a/snippets/head-google-chrome.sublime-snippet b/snippets/head-google-chrome.sublime-snippet
index 4e7cbd5..4f54982 100644
--- a/snippets/head-google-chrome.sublime-snippet
+++ b/snippets/head-google-chrome.sublime-snippet
@@ -1,9 +1,9 @@
 <snippet>
 	<content><![CDATA[
-<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
+<link rel="chrome-webstore-item" href="${1:https://chrome.google.com/webstore/detail/APP_ID}">
 
 <!-- Disable translation prompt -->
-<meta name="google" value="notranslate">
+<meta name="google" value="${2:notranslate}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-chrome</tabTrigger>
diff --git a/snippets/head-google-plus-schema.sublime-snippet b/snippets/head-google-plus-schema.sublime-snippet
index 0200d1a..fe01db2 100644
--- a/snippets/head-google-plus-schema.sublime-snippet
+++ b/snippets/head-google-plus-schema.sublime-snippet
@@ -1,9 +1,9 @@
 <snippet>
 	<content><![CDATA[
-<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">
+<link href="https://plus.google.com/+${1:YourPage}" rel="publisher">
+<meta itemprop="name" content="${2:Content Title}">
+<meta itemprop="description" content="${3:Content description less than 200 characters}">
+<meta itemprop="image" content="${4:https://example.com/image.jpg}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-gplus</tabTrigger>
diff --git a/snippets/head-internet-explorer.sublime-snippet b/snippets/head-internet-explorer.sublime-snippet
index 2b3a663..f1ba5d1 100644
--- a/snippets/head-internet-explorer.sublime-snippet
+++ b/snippets/head-internet-explorer.sublime-snippet
@@ -1,33 +1,33 @@
 <snippet>
 	<content><![CDATA[
-<meta http-equiv="x-ua-compatible" content="ie=edge">
-<meta http-equiv="cleartype" content="on">
-<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
+<meta http-equiv="x-ua-compatible" content="${1:ie=edge}">
+<meta http-equiv="cleartype" content="${2:on}">
+<meta name="skype_toolbar" content="${3: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">
+<meta name="msapplication-tap-highlight" content="${3: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="application-name" content="${4:Contoso Pinned Site Caption}">
+<meta name="msapplication-tooltip" content="${5:Example Tooltip Text}">
+<meta name="msapplication-starturl" content="${6:/}">
 
-<meta name="msapplication-config" content="http://example.com/browserconfig.xml">
+<meta name="msapplication-config" content="${7: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">
+<meta name="msapplication-allowDomainApiCalls" content="${8:true}">
+<meta name="msapplication-allowDomainMetaTags" content="${9:true}">
+<meta name="msapplication-badge" content="${10:frequency=30; polling-uri=http://example.com/id45453245/polling.xml}">
+<meta name="msapplication-navbutton-color" content="${11:#FF3300}">
+<meta name="msapplication-notification" content="${12:frequency=60;polling-uri=http://example.com/livetile}">
+<meta name="msapplication-square150x150logo" content="${13:path/to/logo.png}">
+<meta name="msapplication-square310x310logo" content="${14:path/to/largelogo.png}">
+<meta name="msapplication-square70x70logo" content="${15:path/to/tinylogo.png}">
+<meta name="msapplication-wide310x150logo" content="${16:path/to/widelogo.png}">
+<meta name="msapplication-task" content="${17:name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico}">
+<meta name="msapplication-task-seperator" content="${18:1}">
+<meta name="msapplication-TileColor" content="${19:#FF3300}">
+<meta name="msapplication-TileImage" content="${20:path/to/tileimage.jpg}">
+<meta name="msapplication-window" content="${21:width=1024;height=768}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-ie</tabTrigger>
diff --git a/snippets/head-link.sublime-snippet b/snippets/head-link.sublime-snippet
index 9350389..f5dede0 100644
--- a/snippets/head-link.sublime-snippet
+++ b/snippets/head-link.sublime-snippet
@@ -1,81 +1,81 @@
 <snippet>
 	<content><![CDATA[
 <!-- Helps prevent duplicate content issues -->
-<link rel="canonical" href="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html">
+<link rel="canonical" href="${1:https://example.com/2010/06/9-things-to-do-before-entering-social-media.html}">
 
 <!-- Used to be included before the icon link, but is deprecated and no longer is used -->
-<link rel="shortlink" href="https://example.com/?p=42">
+<link rel="shortlink" href="${2:https://example.com/?p=42}">
 
 <!-- Links to an AMP HTML version of the current document -->
-<link rel="amphtml" href="https://example.com/path/to/amp-version.html">
+<link rel="amphtml" href="${3:https://example.com/path/to/amp-version.html}">
 
 <!-- Points to a CSS stylesheet -->
-<link rel="stylesheet" href="https://example.com/styles.css">
+<link rel="stylesheet" href="${4:https://example.com/styles.css}">
 
 <!-- Links to a JSON file that specifies "installation" credentials for web applications -->
-<link rel="manifest" href="manifest.json">
+<link rel="manifest" href="${5:manifest.json}">
 
 <!-- Links to the author of the document -->
-<link rel="author" href="humans.txt">
+<link rel="author" href="${6:humans.txt}">
 
 <!-- Refers to a copyright statement that applies to the links context -->
-<link rel="copyright" href="copyright.html">
+<link rel="copyright" href="${7:copyright.html}">
 
 <!-- Gives a reference to a location in your document that may be in another language -->
-<link rel="alternate" href="https://es.example.com/" hreflang="es">
+<link rel="alternate" href="${8:https://es.example.com/}" hreflang="${9:es}">
 
 <!-- Gives information about an author or another person -->
-<link rel="me" href="https://google.com/profiles/thenextweb" type="text/html">
-<link rel="me" href="mailto:name@example.com">
-<link rel="me" href="sms:+15035550125">
+<link rel="me" href="${10:https://google.com/profiles/thenextweb}" type="text/html">
+<link rel="me" href="${11:mailto:name@example.com}">
+<link rel="me" href="${12:sms:+15035550125}">
 
 <!-- Links to a document that contains an archive link to the current document -->
-<link rel="archives" href="https://example.com/2003/05/" title="May 2003">
+<link rel="archives" href="${13:https://example.com/2003/05/}" title="${14:May 2003}">
 
 <!-- Links to top level resource in an hierarchical structure -->
-<link rel="index" href="https://example.com/" title="DeWitt Clinton">
+<link rel="index" href="${15:https://example.com/}" title="${16:DeWitt Clinton}">
 
 <!-- Gives the starting point of the document -->
-<link rel="start" href="https://example.com/photos/pattern_recognition_1_about/" title="Pattern Recognition 1">
+<link rel="start" href="${17:https://example.com/photos/pattern_recognition_1_about/}" title="${18:Pattern Recognition 1}">
 
 <!-- Leads to the preceding resource of the sequence the current document is in -->
-<link rel="prev" href="https://example.com/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/" title="OpenSearch and OpenID? A sure way to get my attention.">
+<link rel="prev" href="${19:https://example.com/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/}" title="${20:OpenSearch and OpenID? A sure way to get my attention.}">
 
 <!-- Gives a self reference - useful when the document has multiple possible references -->
-<link rel="self" type="application/atom+xml" href="https://example.com/atomFeed.php?page=3">
+<link rel="self" type="application/atom+xml" href="${21:https://example.com/atomFeed.php?page=3}">
 
 <!-- The first, next, previous, and last documents in a series of documents, respectively -->
-<link rel="first" href="https://example.com/atomFeed.php">
-<link rel="next" href="https://example.com/atomFeed.php?page=4">
-<link rel="previous" href="https://example.com/atomFeed.php?page=2">
-<link rel="last" href="https://example.com/atomFeed.php?page=147">
+<link rel="first" href="${22:https://example.com/atomFeed.php}">
+<link rel="next" href="${23:https://example.com/atomFeed.php?page=4}">
+<link rel="previous" href="${24:https://example.com/atomFeed.php?page=2}">
+<link rel="last" href="${25:https://example.com/atomFeed.php?page=147}">
 
 <!-- Used when using a 3rd party service to maintain a blog -->
-<link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">
+<link rel="EditURI" href="${26:https://example.com/xmlrpc.php?rsd" type="application/rsd+xml}" title="${27:RSD}">
 
 <!-- Forms an automated comment when another wordpress blog links to your wordpress blog or post -->
-<link rel="pingback" href="https://example.com/xmlrpc.php">
+<link rel="pingback" href="${28:https://example.com/xmlrpc.php}">
 
 <!-- Notifies a url when you link to it on your site -->
-<link rel="webmention" href="https://example.com/webmention">
+<link rel="webmention" href="${29:https://example.com/webmention}">
 
 <!-- Loads in an external HTML file into the current HTML file -->
-<link rel="import" href="component.html">
+<link rel="import" href="${30:component.html}">
 
 <!-- Open Search -->
-<link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title">
+<link rel="search" href="${31:/open-search.xml}" type="application/opensearchdescription+xml" title="${32:Search Title}">
 
 <!-- Feeds -->
-<link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS">
-<link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3">
+<link rel="alternate" href="${33:https://feeds.feedburner.com/example}" type="application/rss+xml" title="${34:RSS}">
+<link rel="alternate" href="${35:https://example.com/feed.atom}" type="application/atom+xml" title="${35:Atom 0.3}">
 
 <!-- Prefetching, preloading, prebrowsing -->
-<link rel="dns-prefetch" href="//example.com/">
-<link rel="preconnect" href="https://www.example.com/">
-<link rel="prefetch" href="https://www.example.com/">
-<link rel="prerender" href="https://example.com/">
-<link rel="subresource" href="styles.css">
-<link rel="preload" href="image.png">
+<link rel="dns-prefetch" href="${36://example.com/}">
+<link rel="preconnect" href="${37:https://www.example.com/}">
+<link rel="prefetch" href="${38:https://www.example.com/}">
+<link rel="prerender" href="${39:https://example.com/}">
+<link rel="subresource" href="${40:styles.css}">
+<link rel="preload" href="${41:image.png}">
 <!-- More info: https://css-tricks.com/prefetching-preloading-prebrowsing/ -->
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
diff --git a/snippets/head-meta.sublime-snippet b/snippets/head-meta.sublime-snippet
index c168305..744a46d 100644
--- a/snippets/head-meta.sublime-snippet
+++ b/snippets/head-meta.sublime-snippet
@@ -1,84 +1,84 @@
 <snippet>
 	<content><![CDATA[
 <meta charset="utf-8">
-<meta http-equiv="x-ua-compatible" content="ie=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="${1:ie=edge}">
+<meta name="viewport" content="${2:width=device-width, initial-scale=1, shrink-to-fit=no}">
 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
 <!-- Allows control over where resources are loaded from -->
-<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
+<meta http-equiv="Content-Security-Policy" content="${3:default-src 'self'}">
 <!-- Place as early in the document as possible -->
 <!-- Only applies to content below this tag -->
 
 <!-- Name of web application (only should be used if the website is used as an app) -->
-<meta name="application-name" content="Application Name">
+<meta name="application-name" content="${4:Application Name}">
 
 <!-- Short description of the page (limit to 150 characters) -->
 <!-- In *some* situations this description is used as a part of the snippet shown in the search results. -->
-<meta name="description" content="A description of the page">
+<meta name="description" content="${5:A description of the page}">
 
 <!-- Control the behavior of search engine crawling and indexing -->
-<meta name="robots" content="index,follow,noodp"><!-- All Search Engines -->
-<meta name="googlebot" content="index,follow"><!-- Google Specific -->
+<meta name="robots" content="${6:index,follow,noodp}"><!-- All Search Engines -->
+<meta name="googlebot" content="${7:index,follow}"><!-- Google Specific -->
 
 <!-- Tells Google not to show the sitelinks search box -->
-<meta name="google" content="nositelinkssearchbox">
+<meta name="google" content="${8:nositelinkssearchbox}">
 
 <!-- Tells Google not to provide a translation for this page -->
-<meta name="google" content="notranslate">
+<meta name="google" content="${9:notranslate}">
 
 <!-- Verify ownership for Google Search Console -->
-<meta name="google-site-verification" content="verification_token">
+<meta name="google-site-verification" content="${10:verification_token}">
 
 <!-- Used to name software used to build the website (i.e. - Wordpress, Dreamweaver) -->
-<meta name="generator" content="program">
+<meta name="generator" content="${11:program}">
 
 <!-- Short description of your sites subject -->
-<meta name="subject" content="your website's subject">
+<meta name="subject" content="${12:your website's subject}">
 
 <!-- Very short sentence describing the purpose of the website -->
-<meta name="abstract" content="">
+<meta name="abstract" content="${12}">
 
 <!-- Describes the topic of the website -->
-<meta name="topic" content="">
+<meta name="topic" content="${14}">
 
 <!-- Brief summary of the company or purpose of the website -->
-<meta name="summary" content="">
+<meta name="summary" content="${15}">
 
 <!-- A deprecated tag that does the same as the keywords meta tag -->
-<meta name="classification" content="business">
+<meta name="classification" content="${16:business}">
 
 <!-- Full domain name or web address -->
-<meta name="url" content="https://example.com/">
+<meta name="url" content="${17:https://example.com/}">
 
 <!-- Does the same as URL, older and not supported -->
-<meta name="identifier-URL" content="https://example.com/">
+<meta name="identifier-URL" content="${18:https://example.com/}">
 
-<meta name="directory" content="submission">
+<meta name="directory" content="${19:submission}">
 
 <!-- Does the same function as the keywords tag -->
-<meta name="category" content="">
+<meta name="category" content="${20:}">
 
 <!-- Makes sure your website shows up in all countries and languages -->
-<meta name="coverage" content="Worldwide">
+<meta name="coverage" content="${21:Worldwide}">
 
 <!-- Does the same as the coverage tag -->
-<meta name="distribution" content="Global">
+<meta name="distribution" content="${22:Global}">
 
 <!-- Gives a general age rating based on sites content -->
-<meta name="rating" content="General">
+<meta name="rating" content="${23:General}">
 
 <!-- Allows control over how referrer information is passed -->
-<meta name="referrer" content="never">
+<meta name="referrer" content="${24:never}">
 
 <!-- Disable automatic detection and formatting of possible phone numbers -->
-<meta name="format-detection" content="telephone=no">
+<meta name="format-detection" content="${25:telephone=no}">
 
 <!-- Geo tags -->
-<meta name="ICBM" content="latitude, longitude">
-<meta name="geo.position" content="latitude;longitude">
-<meta name="geo.region" content="country[-state]"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
-<meta name="geo.placename" content="city/town"><!-- eg. content="New York City" -->
+<meta name="ICBM" content="${26:latitude, longitude}">
+<meta name="geo.position" content="${27:latitude;longitude}">
+<meta name="geo.region" content="${28:country[-state]}"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
+<meta name="geo.placename" content="${29:city/town}"><!-- eg. content="New York City" -->
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-meta</tabTrigger>
diff --git a/snippets/head-minimum.sublime-snippet b/snippets/head-minimum.sublime-snippet
index 6143b2d..4adb1b8 100644
--- a/snippets/head-minimum.sublime-snippet
+++ b/snippets/head-minimum.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
 	<content><![CDATA[
 <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>Page Title</title>
+<title>${3:Page Title}</title>
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-minimum</tabTrigger>
diff --git a/snippets/head-oembed.sublime-snippet b/snippets/head-oembed.sublime-snippet
index e6e6002..29dbfdd 100644
--- a/snippets/head-oembed.sublime-snippet
+++ b/snippets/head-oembed.sublime-snippet
@@ -1,7 +1,7 @@
 <snippet>
 	<content><![CDATA[
-<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">
+<link rel="alternate" type="application/json+oembed" 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="${3:http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml}" title="${4:oEmbed Profile: XML}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-oebmed</tabTrigger>
diff --git a/snippets/head-qq-mobile-browser.sublime-snippet b/snippets/head-qq-mobile-browser.sublime-snippet
index b571e22..ab44daa 100644
--- a/snippets/head-qq-mobile-browser.sublime-snippet
+++ b/snippets/head-qq-mobile-browser.sublime-snippet
@@ -1,11 +1,11 @@
 <snippet>
 	<content><![CDATA[
 <!-- 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}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-qq</tabTrigger>
diff --git a/snippets/head-twitter.sublime-snippet b/snippets/head-twitter.sublime-snippet
index d3d9eaa..c459070 100644
--- a/snippets/head-twitter.sublime-snippet
+++ b/snippets/head-twitter.sublime-snippet
@@ -1,12 +1,12 @@
 <snippet>
 	<content><![CDATA[
-<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 -->
 ]]></content>
diff --git a/snippets/head-uc-mobile-browser.sublime-snippet b/snippets/head-uc-mobile-browser.sublime-snippet
index 71ae501..368b63a 100644
--- a/snippets/head-uc-mobile-browser.sublime-snippet
+++ b/snippets/head-uc-mobile-browser.sublime-snippet
@@ -1,19 +1,19 @@
 <snippet>
 	<content><![CDATA[
 <!-- Locks the screen into the specified orientation -->
-<meta name="screen-orientation" content="landscape/portrait">
+<meta name="screen-orientation" content="${1:landscape/portrait}">
 <!-- Display this page in fullscreen -->
-<meta name="full-screen" content="yes">
+<meta name="full-screen" content="${2:yes}">
 <!-- UC browser will display images even if in "text mode" -->
-<meta name="imagemode" content="force">
+<meta name="imagemode" content="${3:force}">
 <!-- Page will be displayed in "application mode"(fullscreen,forbiding gesture, etc.) -->
-<meta name="browsermode" content="application">
+<meta name="browsermode" content="${4:application}">
 <!-- Disabled the UC browser's "night mode" in this page -->
-<meta name="nightmode" content="disable">
+<meta name="nightmode" content="${5:disable}">
 <!-- Simplify the page to reduce data transfer -->
-<meta name="layoutmode" content="fitscreen">
+<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="no">
+<meta name="wap-font-scale" content="${7:no}">
 ]]></content>
 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 	<tabTrigger>head-uc</tabTrigger>