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

Emmet
このエントリーをはてなブックマークに追加
PR

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

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

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)