diff --git a/readme.md b/readme.md
index 58e084d..c4a69d4 100644
--- a/readme.md
+++ b/readme.md
@@ -25,7 +25,7 @@ git clone https://github.com/marcobiedermann/sublime-head-snippets.git
 
 ## Usage
 
-Start typing `head-` in HTML or PHP files and the autocomplete windows opens.
+Start typing `head-` in HTML [Jade](http://jade-lang.com/), or PHP files and the autocomplete windows opens.
 
 | Head Tags | Snippet code |
 |---|---|
diff --git a/snippets/head-360-browser.sublime-snippet b/snippets/html/head-360-browser.sublime-snippet
similarity index 100%
rename from snippets/head-360-browser.sublime-snippet
rename to snippets/html/head-360-browser.sublime-snippet
diff --git a/snippets/head-app-links.sublime-snippet b/snippets/html/head-app-links.sublime-snippet
similarity index 100%
rename from snippets/head-app-links.sublime-snippet
rename to snippets/html/head-app-links.sublime-snippet
diff --git a/snippets/head-apple-ios.sublime-snippet b/snippets/html/head-apple-ios.sublime-snippet
similarity index 100%
rename from snippets/head-apple-ios.sublime-snippet
rename to snippets/html/head-apple-ios.sublime-snippet
diff --git a/snippets/head-apple-safari.sublime-snippet b/snippets/html/head-apple-safari.sublime-snippet
similarity index 100%
rename from snippets/head-apple-safari.sublime-snippet
rename to snippets/html/head-apple-safari.sublime-snippet
diff --git a/snippets/head-elements.sublime-snippet b/snippets/html/head-elements.sublime-snippet
similarity index 100%
rename from snippets/head-elements.sublime-snippet
rename to snippets/html/head-elements.sublime-snippet
diff --git a/snippets/head-facebook-instant-articles.sublime-snippet b/snippets/html/head-facebook-instant-articles.sublime-snippet
similarity index 100%
rename from snippets/head-facebook-instant-articles.sublime-snippet
rename to snippets/html/head-facebook-instant-articles.sublime-snippet
diff --git a/snippets/head-facebook-open-graph.sublime-snippet b/snippets/html/head-facebook-open-graph.sublime-snippet
similarity index 100%
rename from snippets/head-facebook-open-graph.sublime-snippet
rename to snippets/html/head-facebook-open-graph.sublime-snippet
diff --git a/snippets/head-favicons.sublime-snippet b/snippets/html/head-favicons.sublime-snippet
similarity index 100%
rename from snippets/head-favicons.sublime-snippet
rename to snippets/html/head-favicons.sublime-snippet
diff --git a/snippets/head-google-android.sublime-snippet b/snippets/html/head-google-android.sublime-snippet
similarity index 100%
rename from snippets/head-google-android.sublime-snippet
rename to snippets/html/head-google-android.sublime-snippet
diff --git a/snippets/head-google-chrome.sublime-snippet b/snippets/html/head-google-chrome.sublime-snippet
similarity index 100%
rename from snippets/head-google-chrome.sublime-snippet
rename to snippets/html/head-google-chrome.sublime-snippet
diff --git a/snippets/head-google-plus-schema.sublime-snippet b/snippets/html/head-google-plus-schema.sublime-snippet
similarity index 100%
rename from snippets/head-google-plus-schema.sublime-snippet
rename to snippets/html/head-google-plus-schema.sublime-snippet
diff --git a/snippets/head-internet-explorer.sublime-snippet b/snippets/html/head-internet-explorer.sublime-snippet
similarity index 100%
rename from snippets/head-internet-explorer.sublime-snippet
rename to snippets/html/head-internet-explorer.sublime-snippet
diff --git a/snippets/head-link.sublime-snippet b/snippets/html/head-link.sublime-snippet
similarity index 100%
rename from snippets/head-link.sublime-snippet
rename to snippets/html/head-link.sublime-snippet
diff --git a/snippets/head-meta.sublime-snippet b/snippets/html/head-meta.sublime-snippet
similarity index 100%
rename from snippets/head-meta.sublime-snippet
rename to snippets/html/head-meta.sublime-snippet
diff --git a/snippets/head-minimum.sublime-snippet b/snippets/html/head-minimum.sublime-snippet
similarity index 100%
rename from snippets/head-minimum.sublime-snippet
rename to snippets/html/head-minimum.sublime-snippet
diff --git a/snippets/head-oembed.sublime-snippet b/snippets/html/head-oembed.sublime-snippet
similarity index 100%
rename from snippets/head-oembed.sublime-snippet
rename to snippets/html/head-oembed.sublime-snippet
diff --git a/snippets/head-qq-mobile-browser.sublime-snippet b/snippets/html/head-qq-mobile-browser.sublime-snippet
similarity index 100%
rename from snippets/head-qq-mobile-browser.sublime-snippet
rename to snippets/html/head-qq-mobile-browser.sublime-snippet
diff --git a/snippets/head-twitter.sublime-snippet b/snippets/html/head-twitter.sublime-snippet
similarity index 100%
rename from snippets/head-twitter.sublime-snippet
rename to snippets/html/head-twitter.sublime-snippet
diff --git a/snippets/head-uc-mobile-browser.sublime-snippet b/snippets/html/head-uc-mobile-browser.sublime-snippet
similarity index 100%
rename from snippets/head-uc-mobile-browser.sublime-snippet
rename to snippets/html/head-uc-mobile-browser.sublime-snippet
diff --git a/snippets/jade/head-360-browser.sublime-snippet b/snippets/jade/head-360-browser.sublime-snippet
new file mode 100644
index 0000000..2900efa
--- /dev/null
+++ b/snippets/jade/head-360-browser.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+	<content><![CDATA[
+<!-- select rendering engine in order -->
+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>
+	<description>HEAD 360 Browser</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-app-links.sublime-snippet b/snippets/jade/head-app-links.sublime-snippet
new file mode 100644
index 0000000..b181332
--- /dev/null
+++ b/snippets/jade/head-app-links.sublime-snippet
@@ -0,0 +1,20 @@
+<snippet>
+	<content><![CDATA[
+<!-- iOS -->
+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='${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='${6:http://applinks.org/documentation}')
+<!-- More info: http://applinks.org/documentation/ -->
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-applinks</tabTrigger>
+	<description>HEAD App Links</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-apple-ios.sublime-snippet b/snippets/jade/head-apple-ios.sublime-snippet
new file mode 100644
index 0000000..f93bb87
--- /dev/null
+++ b/snippets/jade/head-apple-ios.sublime-snippet
@@ -0,0 +1,30 @@
+<snippet>
+	<content><![CDATA[
+<!-- Smart App Banner -->
+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='${2:telephone=no}')
+
+<!-- Add to Home Screen -->
+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='${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='${8:path/to/startup.png}')
+
+<!-- More info: https://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html -->
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-ios</tabTrigger>
+	<description>HEAD Apple iOS</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-apple-safari.sublime-snippet b/snippets/jade/head-apple-safari.sublime-snippet
new file mode 100644
index 0000000..04c2f78
--- /dev/null
+++ b/snippets/jade/head-apple-safari.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+	<content><![CDATA[
+<!-- Pinned Site -->
+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>
+	<description>HEAD Apple Safari</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-elements.sublime-snippet b/snippets/jade/head-elements.sublime-snippet
new file mode 100644
index 0000000..b26a7c5
--- /dev/null
+++ b/snippets/jade/head-elements.sublime-snippet
@@ -0,0 +1,25 @@
+<snippet>
+	<content><![CDATA[
+<!-- Document Title -->
+title ${1:Page Title}
+
+<!-- Base URL to use for all relative URLs contained within the document -->
+base(href='${2:https://example.com/page.html}')
+
+<!-- External CSS -->
+link(rel='stylesheet', href='${3:styles.css}')
+
+<!-- In-document CSS -->
+<style>
+	${4:/* ... */}
+</style>
+
+<!-- JavaScript -->
+script(src='${5:script.js}')
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-elements</tabTrigger>
+	<description>HEAD Elements</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-facebook-instant-articles.sublime-snippet b/snippets/jade/head-facebook-instant-articles.sublime-snippet
new file mode 100644
index 0000000..1f94397
--- /dev/null
+++ b/snippets/jade/head-facebook-instant-articles.sublime-snippet
@@ -0,0 +1,17 @@
+<snippet>
+	<content><![CDATA[
+meta(charset='utf-8')
+meta(property='op:markup_version', content='v1.0')
+
+<!-- The URL of the web version of your article -->
+link(rel='canonical', href='${1:http://example.com/article.html}')
+
+<!-- The style to be used for this article -->
+meta(property='fb:article_style', content='${2:myarticlestyle}')
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-fbia</tabTrigger>
+	<description>HEAD Facebook / Instant Articles</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-facebook-open-graph.sublime-snippet b/snippets/jade/head-facebook-open-graph.sublime-snippet
new file mode 100644
index 0000000..0c54b4c
--- /dev/null
+++ b/snippets/jade/head-facebook-open-graph.sublime-snippet
@@ -0,0 +1,20 @@
+<snippet>
+	<content><![CDATA[
+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>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-fbog</tabTrigger>
+	<description>HEAD Facebook / Open Graph</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-favicons.sublime-snippet b/snippets/jade/head-favicons.sublime-snippet
new file mode 100644
index 0000000..5cea8ab
--- /dev/null
+++ b/snippets/jade/head-favicons.sublime-snippet
@@ -0,0 +1,19 @@
+<snippet>
+	<content><![CDATA[
+<!-- For IE 10 and below -->
+<!-- No link, just place a file called favicon.ico in the root directory -->
+
+<!-- For IE 11, Chrome, Firefox, Safari, Opera -->
+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 -->
+	<tabTrigger>head-favicon</tabTrigger>
+	<description>HEAD Favicon</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-google-android.sublime-snippet b/snippets/jade/head-google-android.sublime-snippet
new file mode 100644
index 0000000..4178a5e
--- /dev/null
+++ b/snippets/jade/head-google-android.sublime-snippet
@@ -0,0 +1,13 @@
+<snippet>
+	<content><![CDATA[
+meta(name='theme-color', content='${1:#E64545}')
+<!-- Add to homescreen -->
+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 -->
+	<tabTrigger>head-android</tabTrigger>
+	<description>HEAD Google Android</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-google-chrome.sublime-snippet b/snippets/jade/head-google-chrome.sublime-snippet
new file mode 100644
index 0000000..27cd770
--- /dev/null
+++ b/snippets/jade/head-google-chrome.sublime-snippet
@@ -0,0 +1,13 @@
+<snippet>
+	<content><![CDATA[
+link(rel='chrome-webstore-item', href='${1:https://chrome.google.com/webstore/detail/APP_ID}')
+
+<!-- Disable translation prompt -->
+meta(name='google' value='${2:notranslate}')
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-chrome</tabTrigger>
+	<description>HEAD Google Chrome</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-google-plus-schema.sublime-snippet b/snippets/jade/head-google-plus-schema.sublime-snippet
new file mode 100644
index 0000000..a533be7
--- /dev/null
+++ b/snippets/jade/head-google-plus-schema.sublime-snippet
@@ -0,0 +1,13 @@
+<snippet>
+	<content><![CDATA[
+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>
+	<description>HEAD Google+ / Schema.org</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-internet-explorer.sublime-snippet b/snippets/jade/head-internet-explorer.sublime-snippet
new file mode 100644
index 0000000..72dfd20
--- /dev/null
+++ b/snippets/jade/head-internet-explorer.sublime-snippet
@@ -0,0 +1,37 @@
+<snippet>
+	<content><![CDATA[
+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='${3:no}')
+
+<!-- Pinned sites (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx) -->
+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='${7:http://example.com/browserconfig.xml}')
+
+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>
+	<description>HEAD Internet Explorer</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-link.sublime-snippet b/snippets/jade/head-link.sublime-snippet
new file mode 100644
index 0000000..18f38b9
--- /dev/null
+++ b/snippets/jade/head-link.sublime-snippet
@@ -0,0 +1,86 @@
+<snippet>
+	<content><![CDATA[
+<!-- Helps prevent duplicate content issues -->
+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='${2:https://example.com/?p=42}')
+
+<!-- Links to an AMP HTML version of the current document -->
+link(rel='amphtml', href='${3:https://example.com/path/to/amp-version.html}')
+
+<!-- Points to a CSS stylesheet -->
+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='${5:manifest.json}')
+
+<!-- Links to the author of the document -->
+link(rel='author', href='${6:humans.txt}')
+
+<!-- Refers to a copyright statement that applies to the links context -->
+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='${8:https://es.example.com/}', hreflang='${9:es}')
+
+<!-- Gives information about an author or another person -->
+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='${13:https://example.com/2003/05/}', title='${14:May 2003}')
+
+<!-- Links to top level resource in an hierarchical structure -->
+link(rel='index', href='${15:https://example.com/}', title='${16:DeWitt Clinton}')
+
+<!-- Gives the starting point of the document -->
+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='${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='${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='${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='${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='${28:https://example.com/xmlrpc.php}')
+
+<!-- Notifies a url when you link to it on your site -->
+link(rel='webmention', href='${29:https://example.com/webmention}')
+
+<!-- Loads in an external HTML file into the current HTML file -->
+link(rel='import', href='${30:component.html}')
+
+<!-- Open Search -->
+link(rel='search', href='${31:/open-search.xml}', type='application/opensearchdescription+xml', title='${32:Search Title}')
+
+<!-- Feeds -->
+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='${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 -->
+	<tabTrigger>head-link</tabTrigger>
+	<description>HEAD Link</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-meta.sublime-snippet b/snippets/jade/head-meta.sublime-snippet
new file mode 100644
index 0000000..e37863c
--- /dev/null
+++ b/snippets/jade/head-meta.sublime-snippet
@@ -0,0 +1,88 @@
+<snippet>
+	<content><![CDATA[
+meta(charset='utf-8)
+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='${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='${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='${5:A description of the page}')
+
+<!-- Control the behavior of search engine crawling and indexing -->
+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='${8:nositelinkssearchbox}')
+
+<!-- Tells Google not to provide a translation for this page -->
+meta(name='google', content='${9:notranslate}')
+
+<!-- Verify ownership for Google Search Console -->
+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='${11:program}')
+
+<!-- Short description of your site's subject -->
+meta(name='subject', content='${12:your website's subject}')
+
+<!-- Very short sentence describing the purpose of the website -->
+meta(name='abstract', content='${12}')
+
+<!-- Describes the topic of the website -->
+meta(name='topic', content='${14}')
+
+<!-- Brief summary of the company or purpose of the website -->
+meta(name='summary', content='${15}')
+
+<!-- A deprecated tag that does the same as the keywords meta tag -->
+meta(name='classification', content='${16:business}')
+
+<!-- Full domain name or web address -->
+meta(name='url', content='${17:https://example.com/}')
+
+<!-- Does the same as URL, older and not supported -->
+meta(name='identifier-URL', content='${18:https://example.com/}')
+
+meta(name='directory', content='${19:submission}')
+
+<!-- Does the same function as the keywords tag -->
+meta(name='category', content='${20:}')
+
+<!-- Makes sure your website shows up in all countries and languages -->
+meta(name='coverage', content='${21:Worldwide}')
+
+<!-- Does the same as the coverage tag -->
+meta(name='distribution', content='${22:Global}')
+
+<!-- Gives a general age rating based on sites content -->
+meta(name='rating', content='${23:General}')
+
+<!-- Allows control over how referrer information is passed -->
+meta(name='referrer', content='${24:never}')
+
+<!-- Disable automatic detection and formatting of possible phone numbers -->
+meta(name='format-detection', content='${25:telephone=no}')
+
+<!-- Geo tags -->
+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>
+	<description>HEAD Meta</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-minimum.sublime-snippet b/snippets/jade/head-minimum.sublime-snippet
new file mode 100644
index 0000000..30c35eb
--- /dev/null
+++ b/snippets/jade/head-minimum.sublime-snippet
@@ -0,0 +1,14 @@
+<snippet>
+	<content><![CDATA[
+meta(charset='utf-8')
+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 ${3:Page Title}
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-minimum</tabTrigger>
+	<description>HEAD Recommended Minimum</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-oembed.sublime-snippet b/snippets/jade/head-oembed.sublime-snippet
new file mode 100644
index 0000000..dfb5251
--- /dev/null
+++ b/snippets/jade/head-oembed.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+	<content><![CDATA[
+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>
+	<description>HEAD OEmbed</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-qq-mobile-browser.sublime-snippet b/snippets/jade/head-qq-mobile-browser.sublime-snippet
new file mode 100644
index 0000000..01d92c7
--- /dev/null
+++ b/snippets/jade/head-qq-mobile-browser.sublime-snippet
@@ -0,0 +1,15 @@
+<snippet>
+	<content><![CDATA[
+<!-- Locks the screen into the specified orientation -->
+meta(name='x5-orientation', content='${1:landscape/portrait}')
+<!-- Display this page in fullscreen -->
+meta(name='x5-fullscreen', content='${2:true}')
+<!-- Page will be displayed in "application mode"(fullscreen,etc.) -->
+meta(name='x5-page-mode', content='${3:app}')
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-qq</tabTrigger>
+	<description>HEAD QQ Mobile Browser</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-twitter.sublime-snippet b/snippets/jade/head-twitter.sublime-snippet
new file mode 100644
index 0000000..1552ba4
--- /dev/null
+++ b/snippets/jade/head-twitter.sublime-snippet
@@ -0,0 +1,18 @@
+<snippet>
+	<content><![CDATA[
+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>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-twitter</tabTrigger>
+	<description>HEAD Twitter</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>
diff --git a/snippets/jade/head-uc-mobile-browser.sublime-snippet b/snippets/jade/head-uc-mobile-browser.sublime-snippet
new file mode 100644
index 0000000..5424645
--- /dev/null
+++ b/snippets/jade/head-uc-mobile-browser.sublime-snippet
@@ -0,0 +1,23 @@
+<snippet>
+	<content><![CDATA[
+<!-- 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}')
+]]></content>
+	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+	<tabTrigger>head-uc</tabTrigger>
+	<description>HEAD UC Mobile Browser</description>
+	<!-- Optional: Set a scope to limit where the snippet will trigger -->
+	<scope>source.jade</scope>
+</snippet>