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

`html`¶

<span class="tag"><font color="#000088"><html></html></font></span>

登录后复制

`html:xml`¶

<span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xmlns</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"http://www.w3.org/1999/xhtml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xml:lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></html></font></span>

登录后复制

`html:4t`¶

<span class="dec"><font color="#660066"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

`html:4s`¶

<span class="dec"><font color="#660066"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

`html:xt`¶

<span class="dec"><font color="#660066"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xmlns</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"http://www.w3.org/1999/xhtml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xml:lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">/></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

`html:xs`¶

<span class="dec"><font color="#660066"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xmlns</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"http://www.w3.org/1999/xhtml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xml:lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">/></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

`html:xxs`¶

<span class="dec"><font color="#660066"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xmlns</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"http://www.w3.org/1999/xhtml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">xml:lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">/></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

`html:5`¶

<span class="dec"><font color="#660066"><!DOCTYPE HTML></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><html</font></span><span class="pln"> </span><span class="atn"><font color="#660066">lang</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ru-RU"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><head></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><title></title></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">charset</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"UTF-8"</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></head></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><body></font></span><span class="pln"> <br /> <br /></span><span class="tag"><font color="#000088"></body></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></html></font></span>

登录后复制

Document Metadata¶

`head`¶

<span class="tag"><font color="#000088"><head></head></font></span>

登录后复制

`title`¶

<span class="tag"><font color="#000088"><title></title></font></span>

登录后复制

`base`¶

<span class="tag"><font color="#000088"><base</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link`¶

<span class="tag"><font color="#000088"><link></font></span>

登录后复制

`link:css`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"stylesheet"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/css"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"style.css"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">media</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"all"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link:print`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"stylesheet"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/css"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"print.css"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">media</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"print"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link:favicon`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"shortcut icon"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"image/x-icon"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"favicon.ico"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link:touch`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"apple-touch-icon"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"favicon.png"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link:rss`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"alternate"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"application/rss+xml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">title</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"RSS"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"rss.xml"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`link:atom`¶

<span class="tag"><font color="#000088"><link</font></span><span class="pln"> </span><span class="atn"><font color="#660066">rel</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"alternate"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"application/atom+xml"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">title</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Atom"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"atom.xml"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`meta`¶

<span class="tag"><font color="#000088"><meta></font></span>

登录后复制

`meta:utf`¶

<span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=UTF-8"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`meta:win`¶

<span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"Content-Type"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/html;charset=Win-1251"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`meta:compat`¶

<span class="tag"><font color="#000088"><meta</font></span><span class="pln"> </span><span class="atn"><font color="#660066">http-equiv</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"X-UA-Compatible"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">content</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"IE=7"</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`style`¶

<span class="tag"><font color="#000088"><style</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/css"</font></span><span class="tag"><font color="#000088">></style></font></span>

登录后复制

Scripting¶

`script`¶

<span class="tag"><font color="#000088"><script</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/javascript"</font></span><span class="tag"><font color="#000088">></script></font></span>

登录后复制

`script:src`¶

<span class="tag"><font color="#000088"><script</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text/javascript"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></script></font></span>

登录后复制

`noscript`¶

<span class="tag"><font color="#000088"><noscript></noscript></font></span>

登录后复制

Sections¶

`body`¶

<span class="tag"><font color="#000088"><body></body></font></span>

登录后复制

`section, sect`¶

<span class="tag"><font color="#000088"><section></section></font></span>

登录后复制

`nav`¶

<span class="tag"><font color="#000088"><nav></nav></font></span>

登录后复制

`article, art`¶

<span class="tag"><font color="#000088"><article></article></font></span>

登录后复制

`aside`¶

<span class="tag"><font color="#000088"><aside></aside></font></span>

登录后复制

`h1`¶

<span class="tag"><font color="#000088"><h1></h1></font></span>

登录后复制

`h2`¶

<span class="tag"><font color="#000088"><h2></h2></font></span>

登录后复制

`h3`¶

<span class="tag"><font color="#000088"><h3></h3></font></span>

登录后复制

`h4`¶

<span class="tag"><font color="#000088"><h4></h4></font></span>

登录后复制

`h5`¶

<span class="tag"><font color="#000088"><h5></h5></font></span>

登录后复制

`h6`¶

<span class="tag"><font color="#000088"><h6></h6></font></span>

登录后复制

`hgroup, hgr`¶

<span class="tag"><font color="#000088"><hgroup></hgroup></font></span>

登录后复制

`header, hdr`¶

<span class="tag"><font color="#000088"><header></header></font></span>

登录后复制

`footer, ftr`¶

<span class="tag"><font color="#000088"><footer></footer></font></span>

登录后复制

`address, adr`¶

<span class="tag"><font color="#000088"><address></address></font></span>

登录后复制

`div`¶

<span class="tag"><font color="#000088"><div></div></font></span>

登录后复制

Grouping Content¶

`p`¶

<span class="tag"><font color="#000088"><p></p></font></span>

登录后复制

`hr`¶

<span class="tag"><font color="#000088"><hr></font></span>

登录后复制

`br`¶

<span class="tag"><font color="#000088"><br></font></span>

登录后复制

`pre`¶

<span class="tag"><font color="#000088"><pre class="brush:php;toolbar:false">

登录后复制

`dialog, dlg`¶

<span class="tag"><font color="#000088"><dialog></dialog></font></span>

登录后复制

`blockquote, bq`¶

<span class="tag"><font color="#000088"><blockquote></blockquote></font></span>

登录后复制

`ol`¶

<span class="tag"><font color="#000088"><ol></ol></font></span>

登录后复制

`ol+`¶

<span class="tag"><font color="#000088"><ol></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><li></li></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></ol></font></span>

登录后复制

`ul`¶

<span class="tag"><font color="#000088"><ul></ul></font></span>

登录后复制

`ul+`¶

<span class="tag"><font color="#000088"><ul></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><li></li></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></ul></font></span>

登录后复制

`li`¶

<span class="tag"><font color="#000088"><li></li></font></span>

登录后复制

`dl`¶

<span class="tag"><font color="#000088"><dl></dl></font></span>

登录后复制

`dl+`¶

<span class="tag"><font color="#000088"><dl></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><dt></dt></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><dd></dd></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></dl></font></span>

登录后复制

`dt`¶

<span class="tag"><font color="#000088"><dt></dt></font></span>

登录后复制

`dd`¶

<span class="tag"><font color="#000088"><dd></dd></font></span>

登录后复制

Text-level Semantics¶

`a`¶

<span class="tag"><font color="#000088"><a</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></a></font></span>

登录后复制

`a:link`¶

<span class="tag"><font color="#000088"><a</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"http://"</font></span><span class="tag"><font color="#000088">></a></font></span>

登录后复制

`a:mail`¶

<span class="tag"><font color="#000088"><a</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"mailto:"</font></span><span class="tag"><font color="#000088">></a></font></span>

登录后复制

`q`¶

<span class="tag"><font color="#000088"><q></q></font></span>

登录后复制

`cite`¶

<span class="tag"><font color="#000088"><cite></cite></font></span>

登录后复制

`em`¶

<span class="tag"><font color="#000088"><em></em></font></span>

登录后复制

`strong, str`¶

<span class="tag"><font color="#000088"><strong></strong></font></span>

登录后复制

`small`¶

<span class="tag"><font color="#000088"><small></small></font></span>

登录后复制

`mark`¶

<span class="tag"><font color="#000088"><mark></mark></font></span>

登录后复制

`dfn`¶

<span class="tag"><font color="#000088"><dfn></dfn></font></span>

登录后复制

`abbr`¶

<span class="tag"><font color="#000088"><abbr</font></span><span class="pln"> </span><span class="atn"><font color="#660066">title</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></abbr></font></span>

登录后复制

`acronym, acr`¶

<span class="tag"><font color="#000088"><acronym</font></span><span class="pln"> </span><span class="atn"><font color="#660066">title</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></acronym></font></span>

登录后复制

`time`¶

<span class="tag"><font color="#000088"><time></time></font></span>

登录后复制

`progress, prog`¶

<span class="tag"><font color="#000088"><progress></progress></font></span>

登录后复制

`meter`¶

<span class="tag"><font color="#000088"><meter></meter></font></span>

登录后复制

`code`¶

<span class="tag"><font color="#000088"><code></code></font></span>

登录后复制

`var`¶

<span class="tag"><font color="#000088"><var></var></font></span>

登录后复制

`samp`¶

<span class="tag"><font color="#000088"><samp></samp></font></span>

登录后复制

`kbd`¶

<span class="tag"><font color="#000088"><kbd></kbd></font></span>

登录后复制

`sub`¶

<span class="tag"><font color="#000088"><sub></sub></font></span>

登录后复制

`sup`¶

<span class="tag"><font color="#000088"><sup></sup></font></span>

登录后复制

`span`¶

<span class="tag"><font color="#000088"><span></span></font></span>

登录后复制

`i`¶

<span class="tag"><font color="#000088"><i></i></font></span>

登录后复制

`b`¶

<span class="tag"><font color="#000088"><b></b></font></span>

登录后复制

`bdo`¶

<span class="tag"><font color="#000088"><bdo</font></span><span class="pln"> </span><span class="atn"><font color="#660066">dir</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></bdo></font></span>

登录后复制

`bdo:r`¶

<span class="tag"><font color="#000088"><bdo</font></span><span class="pln"> </span><span class="atn"><font color="#660066">dir</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"rtl"</font></span><span class="tag"><font color="#000088">></bdo></font></span>

登录后复制

`bdo:l`¶

<span class="tag"><font color="#000088"><bdo</font></span><span class="pln"> </span><span class="atn"><font color="#660066">dir</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"ltr"</font></span><span class="tag"><font color="#000088">></bdo></font></span>

登录后复制

`ruby`¶

<span class="tag"><font color="#000088"><ruby></ruby></font></span>

登录后复制

`rt`¶

<span class="tag"><font color="#000088"><rt></rt></font></span>

登录后复制

`rp`¶

<span class="tag"><font color="#000088"><rp></rp></font></span>

登录后复制

Edits¶

`ins`¶

<span class="tag"><font color="#000088"><ins></ins></font></span>

登录后复制

`del`¶

<span class="tag"><font color="#000088"><del></del></font></span>

登录后复制

Embedded Content¶

`figure, fig`¶

<span class="tag"><font color="#000088"><figure></figure></font></span>

登录后复制

`img`¶

<span class="tag"><font color="#000088"><img </font alt="Zen HTML Elements 使用zen coding的朋友可以收藏下_HTML/Xhtml_网页制作" ></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`iframe, ifr`¶

<span class="tag"><font color="#000088"><iframe</font></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">frameborder</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"0"</font></span><span class="tag"><font color="#000088">></iframe></font></span>

登录后复制

`embed, emb`¶

<span class="tag"><font color="#000088"><embed</font></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`object, obj`¶

<span class="tag"><font color="#000088"><object</font></span><span class="pln"> </span><span class="atn"><font color="#660066">data</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></object></font></span>

登录后复制

`param`¶

<span class="tag"><font color="#000088"><param</font></span><span class="pln"> </span><span class="atn"><font color="#660066">name</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">value</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`video`¶

<span class="tag"><font color="#000088"><video</font></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></video></font></span>

登录后复制

`audio`¶

<span class="tag"><font color="#000088"><audio</font></span><span class="pln"> </span><span class="atn"><font color="#660066">src</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></audio></font></span>

登录后复制

`source, src`¶

<span class="tag"><font color="#000088"><source></font></span>

登录后复制

`canvas`¶

<span class="tag"><font color="#000088"><canvas></canvas></font></span>

登录后复制

`map`¶

<span class="tag"><font color="#000088"><map</font></span><span class="pln"> </span><span class="atn"><font color="#660066">name</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></map></font></span>

登录后复制

`map+`¶

<span class="tag"><font color="#000088"><map</font></span><span class="pln"> </span><span class="atn"><font color="#660066">name</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">coords</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></map></font></span>

登录后复制

`area`¶

<span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">coords</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`area:d`¶

<span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"default"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`area:c`¶

<span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"circle"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">coords</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`area:r`¶

<span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"rect"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">coords</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`area:p`¶

<span class="tag"><font color="#000088"><area</font></span><span class="pln"> </span><span class="atn"><font color="#660066">shape</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"poly"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">coords</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">href</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">alt</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

Tabular Data¶

`table`¶

<span class="tag"><font color="#000088"><table></table></font></span>

登录后复制

`table+`¶

<span class="tag"><font color="#000088"><table></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"><tr></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><td></td></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></tr></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></table></font></span>

登录后复制

`caption, cap`¶

<span class="tag"><font color="#000088"><caption></caption></font></span>

登录后复制

`colgroup, colg`¶

<span class="tag"><font color="#000088"><colgroup></colgroup></font></span>

登录后复制

`colgroup+, colg+`¶

<span class="tag"><font color="#000088"><colgroup></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><col></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></colgroup></font></span>

登录后复制

`col`¶

<span class="tag"><font color="#000088"><col></font></span>

登录后复制

`tbody`¶

<span class="tag"><font color="#000088"><tbody></tbody></font></span>

登录后复制

`thead`¶

<span class="tag"><font color="#000088"><thead></thead></font></span>

登录后复制

`tfoot`¶

<span class="tag"><font color="#000088"><tfoot></tfoot></font></span>

登录后复制

`tr`¶

<span class="tag"><font color="#000088"><tr></tr></font></span>

登录后复制

`tr+`¶

<span class="tag"><font color="#000088"><tr></font></span><span class="pln"> <br />    </span><span class="tag"><font color="#000088"><td></td></font></span><span class="pln"> <br /></span><span class="tag"><font color="#000088"></tr></font></span>

登录后复制

`th`¶

<span class="tag"><font color="#000088"><th></th></font></span>

登录后复制

`td`¶

<span class="tag"><font color="#000088"><td></td></font></span>

登录后复制

Forms¶

`form`¶

<span class="tag"><font color="#000088"><form</font></span><span class="pln"> </span><span class="atn"><font color="#660066">action</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></form></font></span>

登录后复制

`form:get`¶

<span class="tag"><font color="#000088"><form</font></span><span class="pln"> </span><span class="atn"><font color="#660066">action</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">method</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"get"</font></span><span class="tag"><font color="#000088">></form></font></span>

登录后复制

`form:post`¶

<span class="tag"><font color="#000088"><form</font></span><span class="pln"> </span><span class="atn"><font color="#660066">action</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">method</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"post"</font></span><span class="tag"><font color="#000088">></form></font></span>

登录后复制

`fieldset, fset`¶

<span class="tag"><font color="#000088"><fieldset></fieldset></font></span>

登录后复制

`legend, leg`¶

<span class="tag"><font color="#000088"><legend></legend></font></span>

登录后复制

`label`¶

<span class="tag"><font color="#000088"><label</font></span><span class="pln"> </span><span class="atn"><font color="#660066">for</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></label></font></span>

登录后复制

`input`¶

<span class="tag"><font color="#000088"><input</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`input:hidden, input:h`¶

<span class="tag"><font color="#000088"><input</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"hidden"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">value</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`input:text, input:t`¶

<span class="tag"><font color="#000088"><input</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"text"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">value</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">id</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`input:search`¶

<span class="tag"><font color="#000088"><input</font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"search"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">value</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="pln"> </span><span class="atn"><font color="#660066">id</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">""</font></span><span class="tag"><font color="#000088">></font></span>

登录后复制

`input:email`¶

<span class="tag"><font color="#000088"><input></font></span><span class="pln"> </span><span class="atn"><font color="#660066">type</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">"email"</font></span><span class="pln"> </span><span class="atn"><font color="#660066">value</font></span><span class="pun"><font color="#666600">=</font></span><span class="atv"><font color="#008800">&qu</font></span>

登录后复制

Zen HTML Elements 使用zen coding的朋友可以收藏下_HTML/Xhtml_网页制作

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`¶