# 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 ctrl ⌃ # ⌅ snippet enter ⌅ # ⌘ snippet cmd ⌘ # ⌥ snippet option ⌥ # ⌦ snippet delete ⌦ # ⌫ snippet backspace ⌫ # ⎋ snippet esc ⎋ # 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"> # Attributes snippet attr ${1:attribute}="${0:property}" snippet attr+ ${1:attribute}="${2:property}" attr+ snippet . class="${1}" snippet # id="${1}" snippet alt alt="${1}" snippet charset charset="${1:utf-8}" snippet data data-${1}="${2:$1}" snippet for for="${1}" snippet height height="${1}" snippet href href="${1:#}" snippet lang lang="${1:en}" snippet media media="${1}" snippet name name="${1}" snippet rel rel="${1}" snippet scope scope="${1:row}" snippet src src="${1}" snippet title= title="${1}" snippet type type="${1}" snippet value value="${1}" snippet width width="${1}" # Elements snippet a <a href="${1:#}">${0:$1}</a> snippet a. <a class="${1}" href="${2:#}">${0:$1}</a> snippet a# <a id="${1}" href="${2:#}">${0:$1}</a> snippet a:ext <a href="http://${1:example.com}">${0:$1}</a> snippet a:mail <a href="mailto:${1:joe@example.com}?subject=${2:feedback}">${0:email me}</a> snippet abbr <abbr title="${1}">${0}</abbr> snippet address <address> ${0} </address> snippet area <area shape="${1:rect}" coords="${2}" href="${3}" alt="${0}" /> snippet area+ <area shape="${1:rect}" coords="${2}" href="${3}" alt="${4}" /> area+ snippet area:c <area shape="circle" coords="${1}" href="${2}" alt="${0}" /> snippet area:d <area shape="default" coords="${1}" href="${2}" alt="${0}" /> snippet area:p <area shape="poly" coords="${1}" href="${2}" alt="${0}" /> snippet area:r <area shape="rect" coords="${1}" href="${2}" alt="${0}" /> snippet article <article> ${0} </article> snippet article. <article class="${1}"> ${0} </article> snippet article# <article id="${1}"> ${0} </article> snippet aside <aside> ${0} </aside> snippet aside. <aside class="${1}"> ${0} </aside> snippet aside# <aside id="${1}"> ${0} </aside> snippet audio <audio src="${1}>${0}</audio> snippet b <b>${0}</b> snippet base <base href="${1}" target="${0}" /> snippet bdi <bdi>${0}</bdo> snippet bdo <bdo dir="${1}">${0}</bdo> snippet bdo:l <bdo dir="ltr">${0}</bdo> snippet bdo:r <bdo dir="rtl">${0}</bdo> snippet blockquote <blockquote> ${0} </blockquote> snippet body <body> ${0} </body> snippet br <br /> snippet button <button type="${1:submit}">${0}</button> snippet button. <button class="${1:button}" type="${2:submit}">${0}</button> snippet button# <button id="${1}" type="${2:submit}">${0}</button> snippet button:s <button type="submit">${0}</button> snippet button:r <button type="reset">${0}</button> snippet canvas <canvas> ${0} </canvas> snippet caption <caption>${0}</caption> snippet cite <cite>${0}</cite> snippet code <code>${0}</code> snippet col <col /> snippet col+ <col /> col+ snippet colgroup <colgroup> ${0} </colgroup> snippet colgroup+ <colgroup> <col /> col+${0} </colgroup> snippet command <command type="command" label="${1}" icon="${0}" /> snippet command:c <command type="checkbox" label="${1}" icon="${0}" /> snippet command:r <command type="radio" radiogroup="${1}" label="${2}" icon="${0}" /> snippet datagrid <datagrid> ${0} </datagrid> snippet datalist <datalist> ${0} </datalist> snippet datatemplate <datatemplate> ${0} </datatemplate> snippet dd <dd>${0}</dd> snippet dd. <dd class="${1}">${0}</dd> snippet dd# <dd id="${1}">${0}</dd> snippet del <del>${0}</del> snippet details <details>${0}</details> snippet dfn <dfn>${0}</dfn> snippet dialog <dialog> ${0} </dialog> snippet div <div> ${0} </div> snippet div. <div class="${1}"> ${0} </div> snippet div# <div id="${1}"> ${0} </div> snippet dl <dl> ${0} </dl> snippet dl. <dl class="${1}"> ${0} </dl> snippet dl# <dl id="${1}"> ${0} </dl> snippet dl+ <dl> <dt>${1}</dt> <dd>${2}</dd> dt+${0} </dl> snippet dt <dt>${0}</dt> snippet dt. <dt class="${1}">${0}</dt> snippet dt# <dt id="${1}">${0}</dt> snippet dt+ <dt>${1}</dt> <dd>${2}</dd> dt+${0} snippet em <em>${0}</em> snippet embed <embed src=${1} type="${0} /> snippet fieldset <fieldset> ${0} </fieldset> snippet fieldset. <fieldset class="${1}"> ${0} </fieldset> snippet fieldset# <fieldset id="${1}"> ${0} </fieldset> snippet fieldset+ <fieldset> <legend><span>${1}</span></legend> ${2} </fieldset> fieldset+${0} snippet figcaption <figcaption>${0}</figcaption> snippet figure <figure>${0}</figure> snippet footer <footer> ${0} </footer> snippet footer. <footer class="${1}"> ${0} </footer> snippet footer# <footer id="${1}"> ${0} </footer> snippet form <form action="${1}" method="${2:get}" accept-charset="utf-8"> ${0} </form> snippet form. <form class="${1}" action="${2}" method="${3:get}" accept-charset="utf-8"> ${0} </form> snippet form# <form id="${1}" action="${2}" method="${3:get}" accept-charset="utf-8"> ${0} </form> snippet h1 <h1>${0}</h1> snippet h1. <h1 class="${1}">${0}</h1> snippet h1# <h1 id="${1}">${0}</h1> snippet h2 <h2>${0}</h2> snippet h2. <h2 class="${1}">${0}</h2> snippet h2# <h2 id="${1}">${0}</h2> snippet h3 <h3>${0}</h3> snippet h3. <h3 class="${1}">${0}</h3> snippet h3# <h3 id="${1}">${0}</h3> snippet h4 <h4>${0}</h4> snippet h4. <h4 class="${1}">${0}</h4> snippet h4# <h4 id="${1}">${0}</h4> snippet h5 <h5>${0}</h5> snippet h5. <h5 class="${1}">${0}</h5> snippet h5# <h5 id="${1}">${0}</h5> snippet h6 <h6>${0}</h6> snippet h6. <h6 class="${1}">${0}</h6> snippet h6# <h6 id="${1}">${0}</h6> snippet head <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> ${0} </head> snippet header <header> ${0} </header> snippet header. <header class="${1}"> ${0} </header> snippet header# <header id="${1}"> ${0} </header> snippet hgroup <hgroup> ${0} </hgroup> snippet hgroup. <hgroup class="${1}> ${0} </hgroup> snippet hr <hr /> snippet html <html> ${0} </html> snippet xhtml <html xmlns="http://www.w3.org/1999/xhtml"> ${0} </html> snippet html5 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> ${2:meta} </head> <body> ${0:body} </body> </html> snippet i <i>${0}</i> snippet iframe <iframe src="${1}" frameborder="0"></iframe> snippet iframe. <iframe class="${1}" src="${2}" frameborder="0"></iframe> snippet iframe# <iframe id="${1}" src="${2}" frameborder="0"></iframe> snippet img <img src="${1}" alt="${2}" /> snippet img. <img class="${1}" src="${2}" alt="${3}" /> snippet img# <img id="${1}" src="${2}" alt="${3}" /> snippet input <input type="${1:text/submit/hidden/button/image}" name="${2}" id="${3:$2}" value="${4}" /> snippet input. <input class="${1}" type="${2:text/submit/hidden/button/image}" name="${3}" id="${4:$3}" value="${5}" /> snippet input:text <input type="text" name="${1}" id="${2:$1}" value="${3}" /> snippet input:submit <input type="submit" name="${1}" id="${2:$1}" value="${3}" /> snippet input:hidden <input type="hidden" name="${1}" id="${2:$1}" value="${3}" /> snippet input:button <input type="button" name="${1}" id="${2:$1}" value="${3}" /> snippet input:image <input type="image" name="${1}" id="${2:$1}" src="${3}" alt="${4}" /> snippet input:checkbox <input type="checkbox" name="${1}" id="${2:$1}" /> snippet input:radio <input type="radio" name="${1}" id="${2:$1}" /> snippet input:color <input type="color" name="${1}" id="${2:$1}" value="${3}" /> snippet input:date <input type="date" name="${1}" id="${2:$1}" value="${3}" /> snippet input:datetime <input type="datetime" name="${1}" id="${2:$1}" value="${3}" /> snippet input:datetime-local <input type="datetime-local" name="${1}" id="${2:$1}" value="${3}" /> snippet input:email <input type="email" name="${1}" id="${2:$1}" value="${3}" /> snippet input:file <input type="file" name="${1}" id="${2:$1}" value="${3}" /> snippet input:month <input type="month" name="${1}" id="${2:$1}" value="${3}" /> snippet input:number <input type="number" name="${1}" id="${2:$1}" value="${3}" /> snippet input:password <input type="password" name="${1}" id="${2:$1}" value="${3}" /> snippet input:range <input type="range" name="${1}" id="${2:$1}" value="${3}" /> snippet input:reset <input type="reset" name="${1}" id="${2:$1}" value="${3}" /> snippet input:search <input type="search" name="${1}" id="${2:$1}" value="${3}" /> snippet input:time <input type="time" name="${1}" id="${2:$1}" value="${3}" /> snippet input:url <input type="url" name="${1}" id="${2:$1}" value="${3}" /> snippet input:week <input type="week" name="${1}" id="${2:$1}" value="${3}" /> snippet ins <ins>${0}</ins> snippet kbd <kbd>${0}</kbd> snippet keygen <keygen>${0}</keygen> snippet label <label for="${0:$1}">${1}</label> snippet label:i <label for="${2:$1}">${1}</label> <input type="${3:text/submit/hidden/button}" name="${4:$2}" id="${5:$2}" value="${6}" /> snippet label:s <label for="${2:$1}">${1}</label> <select name="${3:$2}" id="${4:$2}"> <option value="${5}">${0:$5}</option> </select> snippet legend <legend>${0}</legend> snippet legend+ <legend><span>${0}</span></legend> snippet li <li>${0}</li> snippet li. <li class="${1}">${0}</li> snippet li+ <li>${1}</li> li+ snippet lia <li><a href="${0:#}">${1}</a></li> snippet lia+ <li><a href="${2:#}">${1}</a></li> lia+ snippet link <link rel="${1}" href="${2}" title="${3}" type="${4}" /> snippet link:atom <link rel="alternate" href="${1:atom.xml}" title="Atom" type="application/atom+xml" /> snippet link:css <link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}" /> snippet link:favicon <link rel="shortcut icon" href="${1:favicon.ico}" type="image/x-icon" /> snippet link:rss <link rel="alternate" href="${1:rss.xml}" title="RSS" type="application/atom+xml" /> snippet link:touch <link rel="apple-touch-icon" href="${1:favicon.png}" /> snippet map <map name="${1}"> ${0} </map> snippet map. <map class="${1}" name="${2}"> ${0} </map> snippet map# <map name="${1}" id="${2:$1}> ${0} </map> snippet map+ <map name="${1}"> <area shape="${2}" coords="${3}" href="${4}" alt="${5}" />${6} </map> snippet mark <mark>${0}</mark> snippet menu <menu> ${0} </menu> snippet menu:c <menu type="context"> ${0} </menu> snippet menu:t <menu type="toolbar"> ${0} </menu> snippet meta <meta http-equiv="${1}" content="${2}" /> snippet meta:compat <meta http-equiv="X-UA-Compatible" content="IE=${1:7,8,edge}" /> snippet meta:refresh <meta http-equiv="refresh" content="text/html;charset=UTF-8" /> snippet meta:utf <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> snippet meter <meter>${0}</meter> snippet nav <nav> ${0} </nav> snippet nav. <nav class="${1}"> ${0} </nav> snippet nav# <nav id="${1}"> ${0} </nav> snippet noscript <noscript> ${0} </noscript> snippet object <object data="${1}" type="${2}"> ${3} </object> # 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" /> <param name="controller" value="$4" /> <param name="autoplay" value="$5" /> <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/" /> </object> snippet ol <ol> ${0} </ol> snippet ol. <ol class="${1}> ${0} </ol> snippet ol# <ol id="${1}> ${0} </ol> snippet ol+ <ol> <li>${1}</li> li+${0} </ol> snippet opt <option value="${1}">${0:$1}</option> snippet opt+ <option value="${1}">${2:$1}</option> opt+${0} snippet optt <option>${0}</option> snippet optgroup <optgroup> <option value="${1}">${2:$1}</option> opt+${0} </optgroup> snippet output <output>${0}</output> snippet p <p>${0}</p> snippet param <param name="${1}" value="${2}" /> snippet pre <pre> ${0} </pre> snippet progress <progress>${0}</progress> snippet q <q>${0}</q> snippet rp <rp>${0}</rp> snippet rt <rt>${0}</rt> snippet ruby <ruby> <rp><rt>${0}</rt></rp> </ruby> snippet s <s>${0}</s> snippet samp <samp> ${0} </samp> snippet script <script type="text/javascript" charset="utf-8"> ${0} </script> snippet scriptsrc <script src="${0}.js" type="text/javascript" charset="utf-8"></script> snippet section <section> ${0} </section> snippet section. <section class="${1}"> ${0} </section> snippet section# <section id="${1}"> ${0} </section> snippet select <select name="${1}" id="${2:$1}"> ${0} </select> snippet select. <select name="${1}" id="${2:$1}" class="${3}> ${0} </select> snippet select+ <select name="${1}" id="${2:$1}"> <option value="${3}">${4:$3}</option> opt+${0} </select> snippet small <small>${0}</small> snippet source <source src="${1}" type="${2}" media="${0}" /> snippet span <span>${0}</span> snippet span. <span class="${1}">${0}</span> snippet span# <span id="${1}">${0}</span> snippet strong <strong>${0}</strong> snippet style <style type="text/css" media="${1:all}"> ${0} </style> snippet sub <sub>${0}</sub> snippet summary <summary> ${0} </summary> snippet sup <sup>${0}</sup> snippet table <table border="${1:0}"> ${0} </table> snippet table. <table class="${1}" border="${2:0}"> ${0} </table> snippet table# <table id="${1}" border="${2:0}"> ${0} </table> snippet tbody <tbody> ${0} </tbody> snippet td <td>${0}</td> snippet td. <td class="${1}">${0}</td> snippet td# <td id="${1}">${0}</td> snippet td+ <td>${1}</td> td+${0} snippet textarea <textarea name="${1}" id=${2:$1} rows="${3:8}" cols="${4:40}">${5}</textarea> snippet tfoot <tfoot> ${0} </tfoot> snippet th <th>${0}</th> snippet th. <th class="${1}">${0}</th> snippet th# <th id="${1}">${0}</th> snippet th+ <th>${1}</th> th+${0} snippet thead <thead> ${0} </thead> snippet time <time datetime="${1}" pubdate="${2:$1}">${0:$1}</time> snippet title <title>${0:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> snippet tr <tr> ${0} </tr> snippet tr+ <tr> <td>${1}</td> td+${0} </tr> snippet track <track src="${1}" srclang="${2}" label="${3}" default="${4:default}>${5}</track> snippet ul <ul> ${0} </ul> snippet ul. <ul class="${1}"> ${0} </ul> snippet ul# <ul id="${1}"> ${0} </ul> snippet ul+ <ul> <li>${1}</li> li+${0} </ul> snippet var <var>${0}</var> snippet video <video src="${1} height="${2}" width="${3}" preload="${5:none}" autoplay="${6:autoplay}>${7}</video> snippet wbr <wbr />