EmeetでHTML5のひな形を一発で展開する方法

EmmetはZen-codeingの次期バージョンです

短縮した文字でHTMLとCSSを展開できる便利なツールで
スペルミスも少なくなり、なによりもコーディング速度が早くなります

HTML5を展開する簡単な方法

入力

展開

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

Emmetでコードの展開のキーはEmeetに対応したソフトでそれぞれ違いますが
半角のビックリマークを展開すると、HTML5の基本的なひな形が一発で展開します

langはenとなってますが、jaに直さえば、それだけでOKです

もう一つの展開の方法が

HTML:5

これでビックリマークと同じものが展開されます

この他にも HTML4、XHTMLもあります

HTML:4s   html4 strict
HTML:4t    html4 transitional
HTML:xs    xhtml 1.0 strict
HTML:xt     xhtml 1.0 transitional

左側のコードでそれぞれを展開することが出来ます

短縮URL:

2013年09月26日 WEB制作系 Emmet コーディング