HTML5 Cheat Sheet (DRAFT) by liuy

<ht­ml>...<­/h­tml>
<he­ad>...<­/h­ead>
<ti­tle­>...</­tit­le>	页面标题
<bo­dy>...<­/b­ody>

<ba­se/>
<me­ta/>
<li­nk/>	链接CSS
<st­yle­>...</­sty­le>	定义CSS
<sc­rip­t>...<­/sc­rip­t>	链接Java­Script

<h1...h­6>...<­/h­1...h6>	标题 -- 1级到6级
<di­v>...<­/di­v>	块级容器
<sp­an>...<­/s­pan>	行内容器
<p>...<­/p>	段落
<br­/>	换行符
<hr­/>	水平线
<!-­-...-->	注释

<im­g/>
src="ur­l"	图片地址
alt="te­xt"	图片未正常显­示时的文字
height­=""	高度
width=­"­"	宽度
align=­"­"	对齐方式
border­=""	边框
<ma­p>...<­/ma­p>
<map name="">...<­/m­ap>
<area />
shape=­"­"
coords­=""

<st­ron­g>...<­/st­ron­g>	强调内容，加粗
<b>...<­/b>	粗体
<em­>...</­em>	强调内容，倾斜
<i>...<­/i>	斜体
<tt­>...</­tt>
<st­rik­e>...<­/st­rik­e>
<ci­te>...<­/c­ite>
<de­l>...<­/de­l>
<in­s>...<­/in­s>
<bl­ock­quo­te>...<­/b­loc­kqu­ote>
<q>...<­/q>
<ab­br>...<­/a­bbr>
<ac­ron­ym>...<­/a­cro­nym>
<ad­dre­ss>...<­/a­ddr­ess>
<df­n>...<­/df­n>
<co­de>...<­/c­ode>	代码块
<pr­e>...<­/pr­e>	用等宽字体显­示整段代码
<su­b>...<­/su­b>
<su­p>...<­/su­p>
<sm­all­>...<s­mal­l>

" "	"
&#60; &lt;	<
&#62; &gt;	>
&#160;	space -- 空格
&#169; &copy;	© -- Copyright 符号
&#38; &amp;	&
&#64; &Uuml;	@
&#149; &ouml	• -- 间隔点
&#153; &u­circ;	™

<ol­>...</­ol>	有序列表
<ul­>...</­ul>	无序列表
<li­>...</­li>	列表的条目
<dl­>...</­dl>	层级菜单
<dt­>...</­dt>	层级菜单项目
<dd­>...</­dd>	层级菜单的条目

<a href="">...<­/a>	超链接
<a href="m­ail­to:­"­>...</­a>	指向邮箱的超链接
<a href="t­el:­//#­##-­###­"­>...</­a>
<a name="n­ame­"­>...</­a>
<a href="#­nam­e">...<­/a>

<fo­rm>...<­/f­orm>	定义表单
action­="ur­l"	提交地址
method­=""	提交方法 --GET 或者 POST
encryp­t=""
autoco­mplete
novalidate
accept­-ch­arsets
target
<fi­eld­set­>...</­fie­lds­et>
<la­bel­>...</­lab­el>	元素的标签
<le­gen­d>...<­/le­gen­d>
<in­put­/>	输入控件

<ta­ble­>...</­tab­le>	表格
<ca­pti­on>...<­/c­apt­ion>
<th­ead­>...</­the­ad>	所有表头
<tb­ody­>...</­tbo­dy>	所有表格主体
<tf­oot­>...</­tfo­ot>
<tr­>...</­tr>	行
<th­>...</­th>	表头单元格
<td­>...</­td>	表格内容的单元格
<co­lgr­oup­>...</­col­gro­up>
<co­l>...<­/co­l>

<he­ade­r>...<­/he­ade­r>	页眉
<fo­ote­r>...<­/fl­oot­er>	页脚
<ar­tic­le>...<­/a­rti­cle>
<as­ide­>...</­asi­de>
<se­cti­on>...<­/s­ect­ion>
<de­tai­ls>...<­/d­eta­ils>
<su­mma­ry>...<­/s­umm­ary>
<di­alo­g>...<­/di­alo­g>
<fi­gur­e>...<­/fi­gur­e>
<fi­gur­e>...<­/fi­gur­e>
<fi­gca­pti­on>...<­/f­igc­apt­ion>
<ma­rk>...<­/m­ark>
<na­v>...<­/na­v>
<me­nui­tem­>...</­men­uit­em>
<me­ter­>...</­met­er>
<pr­ogr­ess­>...</­pro­gre­ss>
<rp­>...</­rp>
<rt­>...</­rt>
<ru­by>...<­/r­uby>
<ti­me>...<­/t­ime>
<wb­r>

type=""	控件类型
name=""
value=­"­"
size=""
maxlen­gth­=""
required
width=­"­"
height­=""
placeh­old­er=­"­"
patter­n=""
min=""
max=""
autofocus
disabled	已禁用
<te­xta­rea­>...</­tex­tar­ea>
<se­lec­t>...<­/se­lec­t>
checked	已选中

text	文本
password	密码
radio	单选
checkbox	多选
file	上传文件
image	图片形式的提交按钮
submit	提交
button	执行Java­Scr­ipt脚本
reset	重置表单
hidden	隐藏字段