Home >Web Front-end >HTML Tutorial >Zen HTML Elements Friends who use zen coding can save it_HTML/Xhtml_webpage production

Zen HTML Elements Friends who use zen coding can save it_HTML/Xhtml_webpage production

WBOY
WBOYOriginal
2016-05-16 16:41:441340browse

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></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>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn