Zen HTML Elements 使用zen coding的朋友可以收藏下

`html`¶

<html></html>

`html:xml`¶

<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="ru"></html>

`html:4t`¶

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

`html:4s`¶

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

`html:xt`¶

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="ru"> 
<head> 
    <title></title> 
    <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/> 
</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"> 
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="ru"> 
<head> 
    <title></title> 
    <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/> 
</head> 
<body> 
 
</body> 
</html>

`html:xxs`¶

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

`html:5`¶

<!DOCTYPE HTML> 
<htmllang="ru-RU"> 
<head> 
    <title></title> 
    <metacharset="UTF-8"> 
</head> 
<body> 
 
</body> 
</html>

Document Metadata¶

`head`¶

<head></head>

`title`¶

<title></title>

`base`¶

<basehref="">

`link`¶

<link>

`link:css`¶

<linkrel="stylesheet"type="text/css"href="style.css"media="all">

`link:print`¶

<linkrel="stylesheet"type="text/css"href="print.css"media="print">

`link:favicon`¶

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

`link:touch`¶

<linkrel="apple-touch-icon"href="favicon.png">

`link:rss`¶

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

`link:atom`¶

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

`meta`¶

<meta>

`meta:utf`¶

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

`meta:win`¶

<metahttp-equiv="Content-Type"content="text/html;charset=Win-1251">

`meta:compat`¶

<metahttp-equiv="X-UA-Compatible"content="IE=7">

`style`¶

<styletype="text/css"></style>

Scripting¶

`script`¶

<scripttype="text/javascript"></script>

`script:src`¶

<scripttype="text/javascript"src=""></script>

`noscript`¶

<noscript></noscript>

Sections¶

`body`¶

<body></body>

`section, sect`¶

<section></section>

`nav`¶

<nav></nav>

`article, art`¶

<article></article>

`aside`¶

<aside></aside>

`h1`¶

<h1></h1>

`h2`¶

<h2></h2>

`h3`¶

<h3></h3>

`h4`¶

<h4></h4>

`h5`¶

<h5></h5>

`h6`¶

<h6></h6>

`hgroup, hgr`¶

<hgroup></hgroup>

`header, hdr`¶

<header></header>

`footer, ftr`¶

<footer></footer>

`address, adr`¶

<address></address>

`div`¶

<div></div>

Grouping Content¶

`p`¶

<p></p>

`hr`¶

<hr>

`br`¶

<br>

`pre`¶

<pre></pre>

`dialog, dlg`¶

<dialog></dialog>

`blockquote, bq`¶

<blockquote></blockquote>

`ol`¶

<ol></ol>

`ol+`¶

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

`ul`¶

<ul></ul>

`ul+`¶

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

`li`¶

<li></li>

`dl`¶

<dl></dl>

`dl+`¶

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

`dt`¶

<dt></dt>

`dd`¶

<dd></dd>

Text-level Semantics¶

`a`¶

<ahref=""></a>

`a:link`¶

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

`a:mail`¶

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

`q`¶

<q></q>

`cite`¶

<cite></cite>

`em`¶

<em></em>

`strong, str`¶

<strong></strong>

`small`¶

<small></small>

`mark`¶

<mark></mark>

`dfn`¶

<dfn></dfn>

`abbr`¶

<abbrtitle=""></abbr>

`acronym, acr`¶

<acronymtitle=""></acronym>

`time`¶

<time></time>

`progress, prog`¶

<progress></progress>

`meter`¶

<meter></meter>

`code`¶

<code></code>

`var`¶

<var></var>

`samp`¶

<samp></samp>

`kbd`¶

<kbd></kbd>

`sub`¶

<sub></sub>

`sup`¶

<sup></sup>

`span`¶

<span></span>

`i`¶

<i></i>

`b`¶

<b></b>

`bdo`¶

<bdodir=""></bdo>

`bdo:r`¶

<bdodir="rtl"></bdo>

`bdo:l`¶

<bdodir="ltr"></bdo>

`ruby`¶

<ruby></ruby>

`rt`¶

<rt></rt>

`rp`¶

<rp></rp>

Edits¶

`ins`¶

<ins></ins>

`del`¶

<del></del>

Embedded Content¶

`figure, fig`¶

<figure></figure>

`img`¶

<imgsrc=""alt="">

`iframe, ifr`¶

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

`embed, emb`¶

<embedsrc=""type="">

`object, obj`¶

<objectdata=""type=""></object>

`param`¶

<paramname=""value="">

`video`¶

<videosrc=""></video>

`audio`¶

<audiosrc=""></audio>

`source, src`¶

<source>

`canvas`¶

<canvas></canvas>

`map`¶

<mapname=""></map>

`map+`¶

<mapname=""> 
    <areashape=""coords=""href=""alt=""> 
</map>

`area`¶

<areashape=""coords=""href=""alt="">

`area:d`¶

<areashape="default"href=""alt="">

`area:c`¶

<areashape="circle"coords=""href=""alt="">

`area:r`¶

<areashape="rect"coords=""href=""alt="">

`area:p`¶

<areashape="poly"coords=""href=""alt="">

Tabular Data¶

`table`¶

<table></table>

`table+`¶

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

`caption, cap`¶

<caption></caption>

`colgroup, colg`¶

<colgroup></colgroup>

`colgroup+, colg+`¶

<colgroup> 
    <col> 
</colgroup>

`col`¶

<col>

`tbody`¶

<tbody></tbody>

`thead`¶

<thead></thead>

`tfoot`¶

<tfoot></tfoot>

`tr`¶

<tr></tr>

`tr+`¶

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

`th`¶

<th></th>

`td`¶

<td></td>

Forms¶

`form`¶

<formaction=""></form>

`form:get`¶

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

`form:post`¶

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

`fieldset, fset`¶

<fieldset></fieldset>

`legend, leg`¶

<legend></legend>

`label`¶

<labelfor=""></label>

`input`¶

<inputtype="">

`input:hidden, input:h`¶

<inputtype="hidden"value="">

`input:text, input:t`¶

<inputtype="text"value=""id="">

`input:search`¶

<inputtype="search"value=""id="">

`input:email`¶

<inputtype="email"value=""id="">

`input:url`¶

<inputtype="url"value=""id="">

`input:password, input:p`¶

<inputtype="password"value=""id="">

`input:datetime`¶

<inputtype="datetime"value=""id="">

`input:datetime-local`¶

<inputtype="datetime-local"value=""id="">

`input:date`¶

<inputtype="date"value=""id="">

`input:month`¶

<inputtype="month"value=""id="">

`input:week`¶

<inputtype="week"value=""id="">

`input:time`¶

<inputtype="time"value=""id="">

`input:number`¶

<inputtype="number"value=""id="">

`input:range`¶

<inputtype="range"value=""id="">

`input:color`¶

<inputtype="color"value=""id="">

`input:checkbox, input:c`¶

<inputtype="checkbox"id="">

`input:radio, input:r`¶

<inputtype="radio"id="">

`input:file, input:f`¶

<inputtype="file"id="">

`input:submit, input:s`¶

<inputtype="submit"value="">

`input:image, input:i`¶

<inputtype="image"src=""alt="">

`input:reset`¶

<inputtype="reset"value="">

`input:button, input:b`¶

<inputtype="button"value="">

`button, btn`¶

<button></button>

`select`¶

<selectid=""></select>

`select+`¶

<selectid=""> 
    <optionvalue=""></option> 
</select>

`optgroup, optg`¶

<optgroup></optgroup>

`optgroup+, optg+`¶

<optgroup> 
    <option></option> 
</optgroup>

`option, opt`¶

<option></option>

Interactive Elements¶

`datagrid, datag`¶

<datagrid></datagrid>

`datalist, datal`¶

<datalist></datalist>

`textarea, tarea`¶

<textareaid=""cols="30"rows="10"></textarea>

`keygen, kg`¶

<keygen>

`output, out`¶

<output></output>

`details, det`¶

<details></details>

`command, cmd`¶

<command>

`bb`¶

<bb></bb>

`menu`¶

<menu></menu>

`menu:context, menu:c`¶

<menutype="context"></menu>

`menu:toolbar, menu:t`¶

<menutype="toolbar"></menu>

Conditional Comments¶

`cc:ie`¶

<!--[if IE]><![endif]-->

`cc:noie`¶

<!--[if !IE]><!--><!--<![endif]-->

posted on 2012-08-28 16:20 云轩阁阅读(448) 评论(0) 编辑收藏举报

Zen HTML Elements 使用zen coding的朋友可以收藏下

html¶

html:xml¶

html:4t¶

html:4s¶

html:xt¶

html:xs¶

html:xxs¶

html:5¶

Document Metadata¶

head¶

title¶

base¶

link¶

link:css¶

link:print¶

link:favicon¶

link:touch¶

link:rss¶

link:atom¶

meta¶

meta:utf¶

meta:win¶

meta:compat¶

style¶

Scripting¶

script¶

script:src¶

noscript¶

Sections¶

body¶

section, sect¶

nav¶

article, art¶

aside¶

h1¶

h2¶

h3¶

h4¶

h5¶

h6¶

hgroup, hgr¶

header, hdr¶

footer, ftr¶

address, adr¶

div¶

Grouping Content¶

p¶

hr¶

br¶

pre¶

dialog, dlg¶

blockquote, bq¶

ol¶

ol+¶

ul¶

ul+¶

li¶

dl¶

dl+¶

dt¶

dd¶

Text-level Semantics¶

a¶

a:link¶

a:mail¶

q¶

cite¶

em¶

strong, str¶

small¶

mark¶

dfn¶

abbr¶

acronym, acr¶

time¶

progress, prog¶

meter¶

code¶

var¶

`html`¶

`html:xml`¶

`html:4t`¶

`html:4s`¶

`html:xt`¶

`html:xs`¶

`html:xxs`¶

`html:5`¶

`head`¶

`title`¶

`base`¶

`link`¶

`link:css`¶

`link:print`¶

`link:favicon`¶

`link:touch`¶

`link:rss`¶

`link:atom`¶

`meta`¶

`meta:utf`¶

`meta:win`¶

`meta:compat`¶

`style`¶

`script`¶

`script:src`¶

`noscript`¶

`body`¶

`section, sect`¶

`nav`¶

`article, art`¶

`aside`¶

`h1`¶

`h2`¶

`h3`¶

`h4`¶

`h5`¶

`h6`¶

`hgroup, hgr`¶

`header, hdr`¶

`footer, ftr`¶

`address, adr`¶

`div`¶

`p`¶

`hr`¶

`br`¶

`pre`¶

`dialog, dlg`¶

`blockquote, bq`¶

`ol`¶

`ol+`¶

`ul`¶

`ul+`¶

`li`¶

`dl`¶

`dl+`¶

`dt`¶

`dd`¶

`a`¶

`a:link`¶

`a:mail`¶

`q`¶

`cite`¶

`em`¶

`strong, str`¶

`small`¶

`mark`¶

`dfn`¶

`abbr`¶

`acronym, acr`¶

`time`¶

`progress, prog`¶

`meter`¶

`code`¶

`var`¶

`samp`¶

`kbd`¶

`sub`¶

`sup`¶

`span`¶

`i`¶