首页 >web前端 >html教程 >Zen HTML Elements 使用zen coding的朋友可以收藏下_HTML/Xhtml_网页制作

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

WBOY
WBOY原创
2016-05-16 16:41:441329浏览

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>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn