Skip to content

Instantly share code, notes, and snippets.

@ph-One

ph-One/HTML.sublime-snippet

Last active December 22, 2015 18:49
Show Gist options
  • Save ph-One/6515819 to your computer and use it in GitHub Desktop.
Save ph-One/6515819 to your computer and use it in GitHub Desktop.
Download ZIP
A quick HTML structure for prototyping.
Raw
HTML.sublime-snippet
<!--
A useful keyboard shortcut. Below is an example of ctrl+`+1
{ "keys": ["ctrl+`", "ctrl+1"], "command": "insert_snippet", "args": {"name": "Packages/User/HTML.sublime-snippet"} }
-->
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en-US" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en-US" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en-US" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-US" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>${10:Untitled}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
${20:<header id="header">
</header>
<div id="main" role="main">
${0}
</div>
<footer id="footer">
</footer>}
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>__html</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>text.html</scope> -->
</snippet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment