50代からのHTML / CSS / JavaScriptチャレンジNo.92 emmetでhtmlの属性を記述２

こんにちは～今日もemmetを使って、要素の書き方について学習していきます。emmetでは、タグを入れるだけでなく、タグの内容を入れることができるんだって。

例えば、a（アンカータグ）と入力して、中カッコ（｛｝）を書く。
a{ Click me }

そしたらTabキーを押して展開してみる。

aタグの中に、"Click me"のテキストがすでに入った状態で展開されるでしょ。
この中かっこ｛　｝が要素を指定するものになります。

これもかなり特殊な使い方で次のようなこともできるらしい。次のように記述。
p>{お問い合わせは｝+a{こちら｝＋｛をクリックしてください｝

これでTabキーで展開してみる。

これは、まずｐタグで全体を囲むのが最初。で、a{~}の部分で、pタグの中にaタグが入る構造にしてる。で、そのaタグの要素として、「こちら」が入る。あとは＋で前後のテキストを足してる状態になってる。入れ子のHTMLに要素の内容を指定することもできる。

そしたら、今日のレクチャー動画が終わったので、ここまで＾＾お疲れ様でしたー＾＾