Emmet@JAPAN

Emmetに関する日本語情報

HTMLチートシート

目次

一般

一般に、どのようなタグ（仮にそれが存在しない要素であっても）もタグ名から展開可能です。

foo

<foo></foo>

ドキュメントタイプ宣言とHTMLルート

! または html:5

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

!!!

<!doctype html>

!!!4t

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

!!!4s

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

!!!xt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

!!!xs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

!!!xxs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

html:4t

<!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>Document</title>
</head>
<body>
    
</body>
</html>

html:4s

<!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>Document</title>
</head>
<body>
    
</body>
</html>

html:xml

<html xmlns="http://www.w3.org/1999/xhtml"></html>

html:xt

<!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>Document</title>
</head>
<body>
    
</body>
</html>

html:xs

<!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>Document</title>
</head>
<body>
    
</body>
</html>

html:xxs

<!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>Document</title>
</head>
<body>
    
</body>
</html>

doc

<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

doc4

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

メタデータ

base

<base href="" />

link

<link rel="stylesheet" href="" />

link:css

<link rel="stylesheet" href="style.css" />

link:print

<link rel="stylesheet" href="print.css" media="print" />

link:favicon

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

link:touch

<link rel="apple-touch-icon" href="favicon.png" />

link:rss

<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />

link:atom

<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />

meta

<meta />

meta:utf

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

meta:win

<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />

meta:vp

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

meta:compat

<meta http-equiv="X-UA-Compatible" content="IE=7" />

style

<style></style>

スクリプト

script

<script></script>

script:src

<script src=""></script>

セクショニング

adr または address

<address></address>

art または article

<article></article>

ftr または footer

<footer></footer>

hdr または header

<header></header>

sect または section

<section></section>

テキストレベルの要素

a

<a href=""></a>

a:link

<a href="http://"></a>

a:mail

<a href="mailto:"></a>

abbr

<abbr title=""></abbr>

acr または acronym

<acronym title=""></acronym>

basefont

<basefont />

br

<br />

bdo

<bdo dir=""></bdo>

bdo:r

<bdo dir="rtl"></bdo>

bdo:l

<bdo dir="ltr"></bdo>

str または strong

<strong></strong>

パラグラフ・リスト・図表

bq または blockquote

<blockquote></blockquote>

dl+ または dl>dt+dd

<dl>
    <dt></dt>
    <dd></dd>
</dl>

fig または figure

<figure></figure>

figc または figcaption

<figcaption></figcaption>

hr

<hr />

ol+ または ol>li

<ol>
    <li></li>
</ol>

ul+ または ul>li

<ul>
    <li></li>
</ul>

テーブル

cap または caption

<caption></caption>

col

<col />

colg または colgroup

<colgroup></colgroup>

colgroup+, colg+ または colgroup>col

<colgroup>
    <col />
</colgroup>

table+ または table>tr>td

<table>
    <tr>
        <td></td>
    </tr>
</table>

tr+ または tr>td

<tr>
    <td></td>
</tr>

コメントアウト

c

<!-- ${child} -->

cc:ie6

<!--[if lte IE 6]>
    ${child}
<![endif]-->

cc:ie

<!--[if IE]>
    ${child}
<![endif]-->

cc:noie

<!--[if !IE]><!-->
    ${child}
<!--<![endif]-->

埋め込みコンテンツ

area

<area shape="" coords="" href="" alt="" />

area:d

<area shape="default" href="" alt="" />

area:c

<area shape="circle" coords="" href="" alt="" />

area:r

<area shape="rect" coords="" href="" alt="" />

area:p

<area shape="poly" coords="" href="" alt="" />

audio

<audio src=""></audio>

emb または embed

<embed src="" type="" />

img

<img src="" alt="" />

ifr または iframe

<iframe src="" frameborder="0"></iframe>

map

<map name=""></map>

map+ または map>area

<map name="">
    <area shape="" coords="" href="" alt="" />
</map>

obj または object

<object data="" type=""></object>

param

<param name="" value="" />

src または source

<source></source>

video

<video src=""></video>

フォーム

btn または button

<button></button>

btn:b または button[type=button]

<button type="button"></button>

btn:r または button[type=reset]

<button type="reset"></button>

btn:s または button[type=submit]

<button type="submit"></button>

datal または datalist

<datalist></datalist>

fst, fset または fieldset

<fieldset></fieldset>

form

<form action=""></form>

form:get

<form action="" method="get"></form>

form:post

<form action="" method="post"></form>

input

<input type="text" />

inp

<input type="text" name="" id="" />

input:h、input:hidden または input[type=hidden name]

<input type="hidden" name="" />

input:text、input:t または inp

<input type="text" name="" id="" />

input:search または inp[type=search]

<input type="search" name="" id="" />

input:email または inp[type=email]

<input type="email" name="" id="" />

input:url または inp[type=url]

<input type="url" name="" id="" />

input:password または inp[type=password]

<input type="password" name="" id="" />

input:p または input:password

<input type="password" name="" id="" />

input:datetime または inp[type=datetime]

<input type="datetime" name="" id="" />

input:date または inp[type=date]

<input type="date" name="" id="" />

input:datetime-local または inp[type=datetime-local]

<input type="datetime-local" name="" id="" />

input:month または inp[type=month]

<input type="month" name="" id="" />

input:week または inp[type=week]

<input type="week" name="" id="" />

input:time または inp[type=time]

<input type="time" name="" id="" />

input:number または inp[type=number]

<input type="number" name="" id="" />

input:color または inp[type=color]

<input type="color" name="" id="" />

input:checkbox または inp[type=checkbox]

<input type="checkbox" name="" id="" />

input:c または input:checkbox

<input type="checkbox" name="" id="" />

input:r、input:radio または inp[type=radio]

<input type="radio" name="" id="" />

input:range または inp[type=range]

<input type="range" name="" id="" />

input:f、input:file または inp[type=file]

<input type="file" name="" id="" />

input:s または input:submit

<input type="submit" value="" />

input:i または input:image

<input type="image" src="" alt="" />

input:b または input:button

<input type="button" value="" />

input:reset または input:button[type=reset]

<input type="reset" value="" />

isindex

<isindex />

kg または keygen

<keygen />

label

<label for=""></label>

leg または legend

<legend></legend>

opt または option

<option value=""></option>

optg または optgroup

<optgroup></optgroup>

optgroup+, optg+ または optgroup>option

<optgroup>
    <option value=""></option>
</optgroup>

out または output

<output></output>

prog または progress

<progress></progress>

select

<select name="" id=""></select>

select+ または select>option

<select name="" id="">
    <option value=""></option>
</select>

tarea または textarea

<textarea name="" id="" cols="30" rows="10"></textarea>

ユーザーによる操作

cmd または command

<command />

det または details

<details></details>

menu:c、menu:context または menu[type=context]>

<menu type="context"></menu>

menu:toolbar または menu[type=toolbar]>

<menu type="toolbar"></menu>

menu:t または menu:toolbar

<menu type="toolbar"></menu>

フレーム

frame

<frame />

その他

dlg または dialog

<dialog></dialog>

datag または datagrid

<datagrid></datagrid>