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