LoginSignup
7
7

More than 5 years have passed since last update.

EmmetでHTMLタグへテキストを挿入する方法

Last updated at Posted at 2014-08-30

Emmetもしくはzen-codingを使用していて、HTMLにテキストを挿入する方法です。

テキストを挿入

{}の内部に表示するテキストを入力して変換します。

h1タグを出力
h1{Hello World}

出力されるHTML

テキスト挿入状態で出力されるHTML
<h1>Hello World</h1>

{}の中に例えば{}を入れると変換できます。

h1{{{hello}}}

プログラムからHTMLへ出力する場合に使えそうです。

テキスト挿入状態で出力されるHTML
<h1>{{hello}}</h1>

Emmet関連

EmmetでHTMLタグに好きな属性をつける方法
http://qiita.com/pugiemonn/items/81841caf83434bae8fe6

7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7