git.r.bdr.sh - rbdr/dotfiles/blob - vim/snippets/html.snippets

   1 # Some useful Unicode entities
   2 # Non-Breaking Space
   3 snippet nbs
   4         &nbsp;
   5 # ←
   6 snippet left
   7         &#x2190;
   8 # →
   9 snippet right
  10         &#x2192;
  11 # ↑
  12 snippet up
  13         &#x2191;
  14 # ↓
  15 snippet down
  16         &#x2193;
  17 # ↩
  18 snippet return
  19         &#x21A9;
  20 # ⇤
  21 snippet backtab
  22         &#x21E4;
  23 # ⇥
  24 snippet tab
  25         &#x21E5;
  26 # ⇧
  27 snippet shift
  28         &#x21E7;
  29 # ⌃
  30 snippet control
  31         &#x2303;
  32 # ⌅
  33 snippet enter
  34         &#x2305;
  35 # ⌘
  36 snippet command
  37         &#x2318;
  38 # ⌥
  39 snippet option
  40         &#x2325;
  41 # ⌦
  42 snippet delete
  43         &#x2326;
  44 # ⌫
  45 snippet backspace
  46         &#x232B;
  47 # ⎋
  48 snippet escape
  49         &#x238B;
  50 # Generic Doctype
  51 snippet doctype HTML 4.01 Strict
  52         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  53         "http://www.w3.org/TR/html4/strict.dtd">
  54 snippet doctype HTML 4.01 Transitional
  55         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  56         "http://www.w3.org/TR/html4/loose.dtd">
  57 snippet doctype HTML 5
  58         <!DOCTYPE HTML>
  59 snippet doctype XHTML 1.0 Frameset
  60         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  61         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  62 snippet doctype XHTML 1.0 Strict
  63         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  64         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  65 snippet doctype XHTML 1.0 Transitional
  66         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  67         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  68 snippet doctype XHTML 1.1
  69         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  70         "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  71 # HTML Doctype 4.01 Strict
  72 snippet docts
  73         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  74         "http://www.w3.org/TR/html4/strict.dtd">
  75 # HTML Doctype 4.01 Transitional
  76 snippet doct
  77         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  78         "http://www.w3.org/TR/html4/loose.dtd">
  79 # HTML Doctype 5
  80 snippet doct5
  81         <!DOCTYPE HTML>
  82 # XHTML Doctype 1.0 Frameset
  83 snippet docxf
  84         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
  85         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  86 # XHTML Doctype 1.0 Strict
  87 snippet docxs
  88         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  89         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  90 # XHTML Doctype 1.0 Transitional
  91 snippet docxt
  92         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  93         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  94 # XHTML Doctype 1.1
  95 snippet docx
  96         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  97         "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  98 snippet html
  99         <html>
 100         ${1}
 101         </html>
 102 snippet xhtml
 103         <html xmlns="http://www.w3.org/1999/xhtml">
 104         ${1}
 105         </html>
 106 snippet body
 107         <body>
 108                 ${1}
 109         </body>
 110 snippet head
 111         <head>
 112                 <meta http-equiv="content-type" content="text/html; charset=utf-8"`Close()`>
 113
 114                 <title>${1:`substitute(Filename('', 'Page Title'), '^.', '\u&', '')`}</title>
 115                 ${2}
 116         </head>
 117 snippet title
 118         <title>${1:`substitute(Filename('', 'Page Title'), '^.', '\u&', '')`}</title>${2}
 119 snippet script
 120         <script type="text/javascript" charset="utf-8">
 121                 ${1}
 122         </script>${2}
 123 snippet scriptsrc
 124         <script src="${1}.js" type="text/javascript" charset="utf-8"></script>${2}
 125 snippet style
 126         <style type="text/css" media="${1:screen}">
 127                 ${2}
 128         </style>${3}
 129 snippet base
 130         <base href="${1}" target="${2}"`Close()`>
 131 snippet r
 132         <br`Close()[1:]`>
 133 snippet div
 134         <div id="${1:name}">
 135                 ${2}
 136         </div>
 137 # Embed QT Movie
 138 snippet movie
 139         <object width="$2" height="$3" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
 140          codebase="http://www.apple.com/qtactivex/qtplugin.cab">
 141                 <param name="src" value="$1"`Close()`>
 142                 <param name="controller" value="$4"`Close()`>
 143                 <param name="autoplay" value="$5"`Close()`>
 144                 <embed src="${1:movie.mov}"
 145                         width="${2:320}" height="${3:240}"
 146                         controller="${4:true}" autoplay="${5:true}"
 147                         scale="tofit" cache="true"
 148                         pluginspage="http://www.apple.com/quicktime/download/"
 149                 `Close()[1:]`>
 150         </object>${6}
 151 snippet fieldset
 152         <fieldset id="$1">
 153                 <legend>${1:name}</legend>
 154
 155                 ${3}
 156         </fieldset>
 157 snippet form
 158         <form action="${1:`Filename('$1_submit')`}" method="${2:get}" accept-charset="utf-8">
 159                 ${3}
 160
 161
 162         <p><input type="submit" value="Continue &rarr;"`Close()`></p>
 163         </form>
 164 snippet h1
 165         <h1 id="${1:heading}">${2:$1}</h1>
 166 snippet input
 167         <input type="${1:text/submit/hidden/button}" name="${2:some_name}" value="${3}"`Close()`>${4}
 168 snippet label
 169         <label for="${2:$1}">${1:name}</label><input type="${3:text/submit/hidden/button}" name="${4:$2}" value="${5}" id="${6:$2}"`Close()`>${7}
 170 snippet link
 171         <link rel="${1:stylesheet}" href="${2:/css/master.css}" type="text/css" media="${3:screen}" charset="utf-8"`Close()`>${4}
 172 snippet mailto
 173         <a href="mailto:${1:joe@example.com}?subject=${2:feedback}">${3:email me}</a>
 174 snippet meta
 175         <meta name="${1:name}" content="${2:content}"`Close()`>${3}
 176 snippet opt
 177         <option value="${1:option}">${2:$1}</option>${3}
 178 snippet optt
 179         <option>${1:option}</option>${2}
 180 snippet select
 181         <select name="${1:some_name}" id="${2:$1}">
 182                 <option value="${3:option}">${4:$3}</option>
 183         </select>${5}
 184 snippet table
 185         <table border="${1:0}">
 186                 <tr><th>${2:Header}</th></tr>
 187                 <tr><th>${3:Data}</th></tr>
 188         </table>${4}
 189 snippet textarea
 190         <textarea name="${1:Name}" rows="${2:8}" cols="${3:40}">${4}</textarea>${5}