HTMLのようなコードをで実行しなければならないのVimは久しぶりですが、最近これに再び遭遇しました。私が簡単なものを書いているとしましょうHTML：
<html><head><title>This is a title</title></head></html>タイトル、ヘッド、HTMLの終了タグをすばやく書くにはどうすればよいですか？ここにすべてを1つずつ書き留める必要がない、本当に簡単な方法が不足しているように感じます。
もちろんCtrlP、個々のタグ名をオートコンプリートするのに使用できますが、私のラップトップキーボードで私を取得するものは、実際に角かっことスラッシュを正しくしていることです。
回答:
これをチェックして
closetag.vim
Functions and mappings to close open HTML/XML tagshttps://www.vim.org/scripts/script.php?script_id=13
私は似たようなものを使用します。
xmleditプラグインを使用すると非常に便利です。2つの機能が追加されます。
<p>）、それはすぐに閉鎖を入力すると、タグを拡張>へ<p></p>と挿入モードでタグ内にカーソルを置きます。あなたはその後すぐに別のものを入力した場合>（例えば、あなたが入力し<p>>）、それはその中を拡大します
<p>
</p>
挿入モードでは、カーソルをタグの内側に1回インデントして配置します。
XML vimのプラグインは、これらの機能へのコードの折りたたみおよびネストされたタグマッチングを追加します。
もちろん、Markdownで HTMLコンテンツを記述し%!、選択したMarkdownプロセッサを介してVimバッファをフィルタリングするために使用する場合は、タグを閉じることについてまったく心配する必要はありません:)
git clone https://github.com/sukima/xmledit.git ~/.vim/bundle/xmledit。ただし、.xmlファイルを編集する場合にのみ機能します。ファイル拡張子が.htmlまたは.htmの場合、機能しません。
最小限のものが好きです
imap ,/ </<C-X><C-O>imap <silent> <C-c> </<C-X><C-O><C-X>
<Esc>F<iこれの最後にも追加され、カーソルがタグ内に戻されます。
,/
終了タグだけではなく、開始タグと終了タグの両方をvimに作成させる方が便利だと思います。Tim Popeの優れたragtagプラグインを使用できます。使用法は次のようになります（カーソル位置をマークする）。
スパン|
CTRL+を押すx SPACE
そしてあなたは得る
<span> | </ span>
CTRL+のx ENTER代わりにCTRL+を使用することもできx SPACEます。
<スパン> | </ span>
Ragtagはそれ以上のことを実行できます（例：<％= stuff this this％>またはDOCTYPEを挿入します）。おそらく、ragtagの作者、特にサラウンドによって他のプラグインをチェックアウトしたいと思うでしょう。
ragtagます：vim.org/scripts/script.php
細かいことをしている場合は、sparkupは非常に優れています。
彼らのサイトの例：
ul > li.item-$*3 展開する：
<ul>
<li class="item-1"></li>
<li class="item-2"></li>
<li class="item-3"></li>
</ul>と<C-e>。
質問の例を実行するには、
html > head > title{This is a title}収量
<html>
<head>
<title>This is a title</title>
</head>
</html>zencoding vimプラグインもあります：https : //github.com/mattn/zencoding-vim
チュートリアル：https : //github.com/mattn/zencoding-vim/blob/master/TUTORIAL
更新：これは現在Emmetと呼ばれています：http : //emmet.io/
チュートリアルからの抜粋：
1. Expand Abbreviation
Type abbreviation as 'div>p#foo$*3>a' and type '<c-y>,'.
---------------------
<div>
<p id="foo1">
<a href=""></a>
</p>
<p id="foo2">
<a href=""></a>
</p>
<p id="foo3">
<a href=""></a>
</p>
</div>
---------------------
2. Wrap with Abbreviation
Write as below.
---------------------
test1
test2
test3
---------------------
Then do visual select(line wize) and type '<c-y>,'.
If you request 'Tag:', then type 'ul>li*'.
---------------------
<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ul>
---------------------
...
12. Make anchor from URL
Move cursor to URL
---------------------
http://www.google.com/
---------------------
Type '<c-y>a'
---------------------
<a href="http://www.google.com/">Google</a>
---------------------（インラインではなく）ブロックタグをできるだけ簡単なショートカットですぐに閉じたい（インラインタグを閉じるためにCTRL使用closetag.vimしますが、可能な限り特別なキーを使用しないようにします）これを使用しますタグのブロックを開始するときのショートカット（@kimilheeに感謝します。これは彼の答えの離陸です）：
inoremap ><Tab> ><Esc>F<lyt>o</<C-r>"><Esc>O<Space>タイプ-
<p>[Tab]結果-
<p>
|
</p>ここで、|カーソル位置を示します。
inoremap 挿入モードでマッピングを作成することを意味します><Tab> 閉じ山括弧とタブ文字を意味します。これは一致するものです><Esc> 最初のタグを終了し、挿入から通常モードにエスケープすることを意味しますF< 最後の開き山かっこを見つけることを意味しますl カーソルを右に1つ移動することを意味します（開始山かっこはコピーしないでください）yt> カーソル位置から次の山形括弧の前までのヤンクを意味します（つまり、タグの内容をコピーします）o</ 挿入モードで改行を開始し、開き山かっことスラッシュを追加することを意味します<C-r>" デフォルトのレジスターから挿入モードで貼り付けることを意味します（"）><Esc> 終了タグを閉じて挿入モードを終了することを意味しますO<Space> カーソルの上に挿入モードで新しい行を開始し、スペースを挿入することを意味しますl「左」ではなく「右」を意味するという事実については考えたことはありませんでしたね。私の投稿をどう思いましたか？私はあなたが賛成票を投じていないことに気づきました。
au filetype html inoremap <buffer> ...
inoremap ><Tab> ><Esc>F<lyt>o</<C-r>"><Esc>kJxi削除0<Space>して追加しましたkJxi。1ステップ上に移動し、2行を連結して、1文字を削除してから、挿入モードに入ります。
vim-closetagそれvundleはあなたのために（X）HTMLタグを閉じる本当にシンプルなスクリプト（プラグインとしても利用可能）です。それからREADMEです：
これが現在のコンテンツの場合：
<table|ここでを押す>と、コンテンツは次のようになります。
<table>|</table>そして>、もう一度押すと、コンテンツは次のようになります。
<table> | </table>
注：|ここにカーソルがあります
allml（現在はRagtag）とOmni-completion（<CX> <CO>）は、.pyや.javaなどのファイルでは機能しません。
これらのファイルでタグを自動的に閉じる場合は、次のようにマッピングできます。
imap <Cj> <ESC> F <lyt> $ a </ ^ R ">
（^ RはContrl + Rです。このControl + vの後にControl + rと入力できます）
（|はカーソル位置です）入力すると
<p> abcde |
^ jと入力します
次に、このようにタグを閉じます。
<p> abcde </ p> |
簡単に見つけられるWebライティングに基づくさらに別のシンプルなソリューションを次に示します。
:iabbrev </ </<C-X><C-O>
autocmd FileType xml set omnifunc=xmlcomplete#CompleteTags
@KeithPinson（申し訳ありませんが、まだ回答にコメントするのに十分な評判がありません）による優れた回答に基づいて、この代替手段は、オートコンプリートがhtmlタグ内にある可能性のある余分なもの（クラス、IDなど）をコピーするのを防ぎます。 。）ただし、終了タグにコピーしないでください。
更新filename.html.erbファイルを操作するために応答を更新しました。埋め込まれたルビ（例：）を使用していたときの
ようsome_file.html.erbに、Railsビューで一般的に使用されるファイルでは元の応答が機能しないことに気付きました<p>Year: <%= @year %><p>。以下のコードでは、なりますと連携.html.erbファイル。
inoremap ><Tab> ><Esc>?<[a-z]<CR>lyiwo</<C-r>"><Esc>O使用例
タイプ：
<div class="foo">[Tab]結果：
<div class="foo">
|
<div>where |はカーソル位置を示します
そして、ブロックスタイルの代わりにインラインで終了タグを追加する例として：
inoremap ><Tab> ><Esc>?<[a-z]<CR>lyiwh/[^%]><CR>la</<C-r>"><Esc>F<i使用例
タイプ：
<div class="foo">[Tab]結果：
<div class="foo">|<div>where |はカーソル位置を示します
上記の例は両方とも>[Tab]、終了タグのシグナルに依存していることは事実です（つまり、インラインまたはブロックスタイルを選択する必要があります）。個人的には、ブロックスタイルwith >[Tab]とインラインスタイルwithを使用しています>>。
Ctrl-_が、これは私の端末の小さなフォントになります。