Created
January 16, 2017 19:45
-
-
Save ArupSen/989f51d446c50e58e753a5353a72b9df to your computer and use it in GitHub Desktop.
html snippets for snipmate.vim plugin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Some useful Unicode entities | |
| # Non-Breaking Space | |
| snippet nbs | |
| | |
| # ← | |
| snippet left | |
| ← | |
| # → | |
| snippet right | |
| → | |
| # ↑ | |
| snippet up | |
| ↑ | |
| # ↓ | |
| snippet down | |
| ↓ | |
| # ↩ | |
| snippet return | |
| ↩ | |
| # ⇤ | |
| snippet backtab | |
| ⇤ | |
| # ⇥ | |
| snippet tab | |
| ⇥ | |
| # ⇧ | |
| snippet shift | |
| ⇧ | |
| # ⌃ | |
| snippet control | |
| ⌃ | |
| # ⌅ | |
| snippet enter | |
| ⌅ | |
| # ⌘ | |
| snippet command | |
| ⌘ | |
| # ⌥ | |
| snippet option | |
| ⌥ | |
| # ⌦ | |
| snippet delete | |
| ⌦ | |
| # ⌫ | |
| snippet backspace | |
| ⌫ | |
| # ⎋ | |
| snippet escape | |
| ⎋ | |
| # Generic Doctype | |
| snippet doctype HTML 4.01 Strict | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | |
| "http://www.w3.org/TR/html4/strict.dtd"> | |
| snippet doctype HTML 4.01 Transitional | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | |
| "http://www.w3.org/TR/html4/loose.dtd"> | |
| snippet doctype HTML 5 | |
| <!DOCTYPE HTML> | |
| snippet doctype XHTML 1.0 Frameset | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| snippet doctype XHTML 1.0 Strict | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| snippet doctype XHTML 1.0 Transitional | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| snippet doctype XHTML 1.1 | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | |
| # HTML Doctype 4.01 Strict | |
| snippet docts | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | |
| "http://www.w3.org/TR/html4/strict.dtd"> | |
| # HTML Doctype 4.01 Transitional | |
| snippet doct | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | |
| "http://www.w3.org/TR/html4/loose.dtd"> | |
| # HTML Doctype 5 | |
| snippet doct5 | |
| <!DOCTYPE HTML> | |
| # XHTML Doctype 1.0 Frameset | |
| snippet docxf | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> | |
| # XHTML Doctype 1.0 Strict | |
| snippet docxs | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| # XHTML Doctype 1.0 Transitional | |
| snippet docxt | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| # XHTML Doctype 1.1 | |
| snippet docx | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | |
| snippet html | |
| <html> | |
| ${1} | |
| </html> | |
| snippet xhtml | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| ${1} | |
| </html> | |
| snippet body | |
| <body> | |
| ${1} | |
| </body> | |
| snippet head | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"`Close()`> | |
| <title>${1:`substitute(Filename('', 'Page Title'), '^.', '\u&', '')`}</title> | |
| ${2} | |
| </head> | |
| snippet title | |
| <title>${1:`substitute(Filename('', 'Page Title'), '^.', '\u&', '')`}</title>${2} | |
| snippet script | |
| <script type="text/javascript" charset="utf-8"> | |
| ${1} | |
| </script>${2} | |
| snippet scriptsrc | |
| <script src="${1}.js"></script>${2} | |
| snippet style | |
| <style type="text/css" media="${1:screen}"> | |
| ${2} | |
| </style>${3} | |
| snippet base | |
| <base href="${1}" target="${2}"`Close()`> | |
| snippet r | |
| <br`Close()[1:]`> | |
| snippet div | |
| <div class="${1:name}"> | |
| ${2} | |
| </div> | |
| # Embed QT Movie | |
| snippet movie | |
| <object width="$2" height="$3" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" | |
| codebase="http://www.apple.com/qtactivex/qtplugin.cab"> | |
| <param name="src" value="$1"`Close()`> | |
| <param name="controller" value="$4"`Close()`> | |
| <param name="autoplay" value="$5"`Close()`> | |
| <embed src="${1:movie.mov}" | |
| width="${2:320}" height="${3:240}" | |
| controller="${4:true}" autoplay="${5:true}" | |
| scale="tofit" cache="true" | |
| pluginspage="http://www.apple.com/quicktime/download/" | |
| `Close()[1:]`> | |
| </object>${6} | |
| snippet fieldset | |
| <fieldset id="$1"> | |
| <legend>${1:name}</legend> | |
| ${3} | |
| </fieldset> | |
| snippet form | |
| <form action="${1:`Filename('$1_submit')`}" method="${2:get}" accept-charset="utf-8"> | |
| ${3} | |
| <p><input type="submit" value="Continue →"`Close()`></p> | |
| </form> | |
| snippet h1 | |
| <h1 id="${1:heading}">${2:$1}</h1> | |
| snippet p | |
| <p>${1:your text}</p> | |
| snippet ul | |
| <ul> | |
| <li>${1:list item}</li> | |
| ${2} | |
| </ul> | |
| snippet li | |
| <li>${1:list item}</li> | |
| snippet input | |
| <input type="${1:text/submit/hidden/button}" name="${2:some_name}" value="${3}"`Close()`>${4} | |
| snippet label | |
| <label for="${2:$1}">${1:name}</label><input type="${3:text/submit/hidden/button}" name="${4:$2}" value="${5}" id="${6:$2}"`Close()`>${7} | |
| snippet link | |
| <link rel="${1:stylesheet}" href="${2:/css/master.css}" type="text/css" media="${3:screen}" charset="utf-8"`Close()`>${4} | |
| snippet mailto | |
| <a href="mailto:${1:[email protected]}?subject=${2:feedback}">${3:email me}</a> | |
| snippet anc | |
| <a href="${1:http//domain.com}" title="${2:about this link}">${3:link text}</a> | |
| snippet meta | |
| <meta name="${1:name}" content="${2:content}"`Close()`>${3} | |
| snippet opt | |
| <option value="${1:option}">${2:$1}</option>${3} | |
| snippet optt | |
| <option>${1:option}</option>${2} | |
| snippet select | |
| <select name="${1:some_name}" id="${2:$1}"> | |
| <option value="${3:option}">${4:$3}</option> | |
| </select>${5} | |
| snippet table | |
| <table border="${1:0}"> | |
| <tr><th>${2:Header}</th></tr> | |
| <tr><th>${3:Data}</th></tr> | |
| </table>${4} | |
| snippet textarea | |
| <textarea name="${1:Name}" rows="${2:8}" cols="${3:40}">${4}</textarea>${5} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment