ymyzk’s blog

ZenCoding-vimで利用できるDOCTYPE宣言まとめ

—

by

Yusuke Miyazaki
in

ZenCoding-vimというZenCodingをVimで利用できるようにしたプラグインがありますが, これを使うと, html:5と入力した後, “<C-y>,”をタイプするだけで, 以下のようなコードが出力されます.

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

この他にも, “ul>li*3″などと入力して”<C-y>,”をタイプすれば, ZenCodingの便利さが分かると思います. 詳細な説明は他のWebサイトに譲ることとして, ここでは, html:5のような, DOCTYPE宣言を出力するスニペットが他にどのようなものが定義されているのかを調べてみました. autoload/zencoding.vimに定義を見つけることが出来たので, 以下にまとめます.

html:4t (HTML 4.01 Transitional)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title></title>
</head>
<body>
</body>
</html>

html:4s (HTML 4.01 Strict)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title></title>
</head>
<body>
</body>
</html>

html:xt (XHTML 1.0 Transitional)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title></title>
</head>
<body>
</body>
</html>

html:xs (XHTML 1.0 Strict)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title></title>
</head>
<body>
</body>
</html>

html:xxs (XHTML 1.1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title></title>
</head>
<body>
</body>
</html>

html:5 (HTML5)

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

関連