vim/vim-snippets
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #760 from indiesquidge/self-closing-html

Browse Source 
Add self-closing tags to void elements
This commit is contained in:
Louis Pilfold 2016-07-02 21:32:49 +01:00 committed by GitHub
commit 71fc0ab423
1 changed files with 65 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
snippets/html.snippets
View File

@ -159,18 +159,18 @@ snippet address
${0} ${0}
</address> </address>
snippet area snippet area
<area shape="${1:rect}" coords="${2}" href="${3}" alt="${0}"> <area shape="${1:rect}" coords="${2}" href="${3}" alt="${0}" />
snippet area+ snippet area+
<area shape="${1:rect}" coords="${2}" href="${3}" alt="${4}"> <area shape="${1:rect}" coords="${2}" href="${3}" alt="${4}" />
area+ area+
snippet area:c snippet area:c
<area shape="circle" coords="${1}" href="${2}" alt="${0}"> <area shape="circle" coords="${1}" href="${2}" alt="${0}" />
snippet area:d snippet area:d
<area shape="default" coords="${1}" href="${2}" alt="${0}"> <area shape="default" coords="${1}" href="${2}" alt="${0}" />
snippet area:p snippet area:p
<area shape="poly" coords="${1}" href="${2}" alt="${0}"> <area shape="poly" coords="${1}" href="${2}" alt="${0}" />
snippet area:r snippet area:r
<area shape="rect" coords="${1}" href="${2}" alt="${0}"> <area shape="rect" coords="${1}" href="${2}" alt="${0}" />
snippet article snippet article
<article> <article>
${0} ${0}
@ -200,7 +200,7 @@ snippet audio
snippet b snippet b
<b>${0}</b> <b>${0}</b>
snippet base snippet base
<base href="${1}" target="${0}"> <base href="${1}" target="${0}" />
snippet bdi snippet bdi
<bdi>${0}</bdo> <bdi>${0}</bdo>
snippet bdo snippet bdo
@ -218,7 +218,7 @@ snippet body
${0} ${0}
</body> </body>
snippet br snippet br
<br> <br />
snippet button snippet button
<button type="${1:submit}">${0}</button> <button type="${1:submit}">${0}</button>
snippet button. snippet button.
@ -240,9 +240,9 @@ snippet cite
snippet code snippet code
<code>${0}</code> <code>${0}</code>
snippet col snippet col
<col> <col />
snippet col+ snippet col+
<col> <col />
col+ col+
snippet colgroup snippet colgroup
<colgroup> <colgroup>
@ -330,7 +330,7 @@ snippet dt+
snippet em snippet em
<em>${0}</em> <em>${0}</em>
snippet embed snippet embed
<embed src="${1}" type="${0}"> <embed src="${1}" type="${0}" />
snippet fieldset snippet fieldset
<fieldset> <fieldset>
${0} ${0}
@ -423,7 +423,7 @@ snippet h6#
<h6 id="${1}">${0}</h6> <h6 id="${1}">${0}</h6>
snippet head snippet head
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> <title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title>
${0} ${0}
@ -449,7 +449,7 @@ snippet hgroup.
${0} ${0}
</hgroup> </hgroup>
snippet hr snippet hr
<hr> <hr />
snippet html snippet html
<html> <html>
${0} ${0}
@ -462,8 +462,8 @@ snippet html5
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width" />
<title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> <title>${1:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title>
${2:link} ${2:link}
</head> </head>
@ -475,8 +475,8 @@ snippet html5l
<!DOCTYPE html> <!DOCTYPE html>
<html lang="${1:es}"> <html lang="${1:es}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width" />
<title>${2:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title> <title>${2:`substitute(vim_snippets#Filename('', 'Page Title'), '^.', '\u&', '')`}</title>
${3:link} ${3:link}
</head> </head>
@ -493,65 +493,63 @@ snippet iframe.
snippet iframe# snippet iframe#
<iframe id="${1}" src="${2}" frameborder="0"></iframe> <iframe id="${1}" src="${2}" frameborder="0"></iframe>
snippet img snippet img
<img src="${1}" alt="${2}"> <img src="${1}" alt="${2}" />
snippet img. snippet img.
<img class="${1}" src="${2}" alt="${3}"> <img class="${1}" src="${2}" alt="${3}" />
snippet img# snippet img#
<img id="${1}" src="${2}" alt="${3}"> <img id="${1}" src="${2}" alt="${3}" />
snippet input snippet input
<input type="${1:text/submit/hidden/button/image}" name="${2}" id="${3:$2}" value="${4}"> <input type="${1:text/submit/hidden/button/image}" name="${2}" id="${3:$2}" value="${4}" />
snippet input. snippet input.
<input class="${1}" type="${2:text/submit/hidden/button/image}" name="${3}" id="${4:$3}" value="${5}"> <input class="${1}" type="${2:text/submit/hidden/button/image}" name="${3}" id="${4:$3}" value="${5}" />
snippet input:text snippet input:text
<input type="text" name="${1}" id="${2:$1}" value="${3}"> <input type="text" name="${1}" id="${2:$1}" value="${3}" />
snippet input:submit snippet input:submit
<input type="submit" name="${1}" id="${2:$1}" value="${3}"> <input type="submit" name="${1}" id="${2:$1}" value="${3}" />
snippet input:hidden snippet input:hidden
<input type="hidden" name="${1}" id="${2:$1}" value="${3}"> <input type="hidden" name="${1}" id="${2:$1}" value="${3}" />
snippet input:button snippet input:button
<input type="button" name="${1}" id="${2:$1}" value="${3}"> <input type="button" name="${1}" id="${2:$1}" value="${3}" />
snippet input:image snippet input:image
<input type="image" name="${1}" id="${2:$1}" src="${3}" alt="${4}"> <input type="image" name="${1}" id="${2:$1}" src="${3}" alt="${4}" />
snippet input:checkbox snippet input:checkbox
<input type="checkbox" name="${1}" id="${2:$1}"> <input type="checkbox" name="${1}" id="${2:$1}" />
snippet input:radio snippet input:radio
<input type="radio" name="${1}" id="${2:$1}"> <input type="radio" name="${1}" id="${2:$1}" />
snippet input:color snippet input:color
<input type="color" name="${1}" id="${2:$1}" value="${3}"> <input type="color" name="${1}" id="${2:$1}" value="${3}" />
snippet input:date snippet input:date
<input type="date" name="${1}" id="${2:$1}" value="${3}"> <input type="date" name="${1}" id="${2:$1}" value="${3}" />
snippet input:datetime snippet input:datetime
<input type="datetime" name="${1}" id="${2:$1}" value="${3}"> <input type="datetime" name="${1}" id="${2:$1}" value="${3}" />
snippet input:datetime-local snippet input:datetime-local
<input type="datetime-local" name="${1}" id="${2:$1}" value="${3}"> <input type="datetime-local" name="${1}" id="${2:$1}" value="${3}" />
snippet input:email snippet input:email
<input type="email" name="${1}" id="${2:$1}" value="${3}"> <input type="email" name="${1}" id="${2:$1}" value="${3}" />
snippet input:file snippet input:file
<input type="file" name="${1}" id="${2:$1}" value="${3}"> <input type="file" name="${1}" id="${2:$1}" value="${3}" />
snippet input:month snippet input:month
<input type="month" name="${1}" id="${2:$1}" value="${3}"> <input type="month" name="${1}" id="${2:$1}" value="${3}" />
snippet input:number snippet input:number
<input type="number" name="${1}" id="${2:$1}" value="${3}"> <input type="number" name="${1}" id="${2:$1}" value="${3}" />
snippet input:password snippet input:password
<input type="password" name="${1}" id="${2:$1}" value="${3}"> <input type="password" name="${1}" id="${2:$1}" value="${3}" />
snippet input:range snippet input:range
<input type="range" name="${1}" id="${2:$1}" value="${3}"> <input type="range" name="${1}" id="${2:$1}" value="${3}" />
snippet input:reset snippet input:reset
<input type="reset" name="${1}" id="${2:$1}" value="${3}"> <input type="reset" name="${1}" id="${2:$1}" value="${3}" />
snippet input:search snippet input:search
<input type="search" name="${1}" id="${2:$1}" value="${3}"> <input type="search" name="${1}" id="${2:$1}" value="${3}" />
snippet input:time snippet input:time
<input type="time" name="${1}" id="${2:$1}" value="${3}"> <input type="time" name="${1}" id="${2:$1}" value="${3}" />
snippet input:url snippet input:url
<input type="url" name="${1}" id="${2:$1}" value="${3}"> <input type="url" name="${1}" id="${2:$1}" value="${3}" />
snippet input:week snippet input:week
<input type="week" name="${1}" id="${2:$1}" value="${3}"> <input type="week" name="${1}" id="${2:$1}" value="${3}" />
snippet ins snippet ins
<ins>${0}</ins> <ins>${0}</ins>
snippet kbd snippet kbd
<kbd>${0}</kbd> <kbd>${0}</kbd>
snippet keygen
<keygen>${0}</keygen>
snippet label snippet label
<label for="${0:$1}">${1}</label> <label for="${0:$1}">${1}</label>
snippet label:i snippet label:i
@ -579,19 +577,19 @@ snippet lia+
<li><a href="${2:#}">${1}</a></li> <li><a href="${2:#}">${1}</a></li>
lia+ lia+
snippet link snippet link
<link rel="${1}" href="${2}" title="${3}" type="${4}"> <link rel="${1}" href="${2}" title="${3}" type="${4}" />
snippet link:atom snippet link:atom
<link rel="alternate" href="${1:atom.xml}" title="Atom" type="application/atom+xml"> <link rel="alternate" href="${1:atom.xml}" title="Atom" type="application/atom+xml" />
snippet link:s snippet link:s
<link rel="stylesheet" href="${1:style.css}"> <link rel="stylesheet" href="${1:style.css}" />
snippet link:css snippet link:css
<link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}"> <link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}" />
snippet link:favicon snippet link:favicon
<link rel="shortcut icon" href="${1:favicon.ico}" type="image/x-icon"> <link rel="shortcut icon" href="${1:favicon.ico}" type="image/x-icon" />
snippet link:rss snippet link:rss
<link rel="alternate" href="${1:rss.xml}" title="RSS" type="application/atom+xml"> <link rel="alternate" href="${1:rss.xml}" title="RSS" type="application/atom+xml" />
snippet link:touch snippet link:touch
<link rel="apple-touch-icon" href="${1:favicon.png}"> <link rel="apple-touch-icon" href="${1:favicon.png}" />
snippet main snippet main
<main role="main"> <main role="main">
${0} ${0}
@ -610,7 +608,7 @@ snippet map#
</map> </map>
snippet map+ snippet map+
<map name="${1}"> <map name="${1}">
<area shape="${2}" coords="${3}" href="${4}" alt="${5}">${6} <area shape="${2}" coords="${3}" href="${4}" alt="${5}" />${6}
</map> </map>
snippet mark snippet mark
<mark>${0}</mark> <mark>${0}</mark>
@ -627,17 +625,17 @@ snippet menu:t
${0} ${0}
</menu> </menu>
snippet meta snippet meta
<meta http-equiv="${1}" content="${2}"> <meta http-equiv="${1}" content="${2}" />
snippet meta:s snippet meta:s
<meta ${0}> <meta ${0} />
snippet meta:d snippet meta:d
<meta name="description" content="${0}"> <meta name="description" content="${0}" />
snippet meta:compat snippet meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=${1:7,8,edge}"> <meta http-equiv="X-UA-Compatible" content="IE=${1:7,8,edge}" />
snippet meta:refresh snippet meta:refresh
<meta http-equiv="refresh" content="text/html;charset=UTF-8"> <meta http-equiv="refresh" content="text/html;charset=UTF-8" />
snippet meta:utf snippet meta:utf
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
snippet meter snippet meter
<meter>${0}</meter> <meter>${0}</meter>
snippet nav snippet nav
@ -665,13 +663,13 @@ snippet movie
<object width="$2" height="$3" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" <object width="$2" height="$3" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"> codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="$1" /> <param name="src" value="$1" />
<param name="controller" value="$4"> <param name="controller" value="$4" />
<param name="autoplay" value="$5"> <param name="autoplay" value="$5" />
<embed src="${1:movie.mov}" <embed src="${1:movie.mov}"
width="${2:320}" height="${3:240}" width="${2:320}" height="${3:240}"
controller="${4:true}" autoplay="${5:true}" controller="${4:true}" autoplay="${5:true}"
scale="tofit" cache="true" scale="tofit" cache="true"
pluginspage="http://www.apple.com/quicktime/download/"> pluginspage="http://www.apple.com/quicktime/download/" />
</object> </object>
snippet ol snippet ol
<ol> <ol>
@ -711,7 +709,7 @@ snippet p.
snippet p# snippet p#
<p id="${1}">${0}</p> <p id="${1}">${0}</p>
snippet param snippet param
<param name="${1}" value="${2}"> <param name="${1}" value="${2}" />
snippet pre snippet pre
<pre> <pre>
${0} ${0}
@ -774,7 +772,7 @@ snippet select+
snippet small snippet small
<small>${0}</small> <small>${0}</small>
snippet source snippet source
<source src="${1}" type="${2}" media="${0}"> <source src="${1}" type="${2}" media="${0}" />
snippet span snippet span
<span>${0}</span> <span>${0}</span>
snippet span. snippet span.
@ -853,7 +851,7 @@ snippet tr+
td+${0} td+${0}
</tr> </tr>
snippet track snippet track
<track src="${1}" srclang="${2}" label="${3}" default="${4:default}>${5}</track> <track src="${1}" srclang="${2}" label="${3}" default="${4:default} />${5}
snippet ul snippet ul
<ul> <ul>
${0} ${0}
@ -876,4 +874,4 @@ snippet var
snippet video snippet video
<video src="${1} height="${2}" width="${3}" preload="${5:none}" autoplay="${6:autoplay}>${7}</video> <video src="${1} height="${2}" width="${3}" preload="${5:none}" autoplay="${6:autoplay}>${7}</video>
snippet wbr snippet wbr
<wbr> <wbr />