HTML5实用手册

HTML生僻标签

<abbr> 定义缩写
<address> 联系信息
<applet>  传统的Java applet，现在用<object>代替
<map> <area> 图片热区
<cite> 定义引用，如文献引用
<col> <colgroup> 定义列、列组的样式，不必对每行的每个单元格重复定义
<datalist> 给<input>输入框提供下拉列表
<details> 结合<summary>描述文档细节
<dialog> 定义对话框或窗口
<dfn> 标记特殊术语或短语
<figure> <figcaption> 可用作文档中插图、图表
<samp> 定义样本文本
<kbd> 定义键盘文本，表示文本是从键盘输入的
<mark> 定义有记号的文本，如页面搜索出来的文本，用<mark>来标记
<meter> 用来度量范围，比如磁盘使用空间
<progress> 用来表示进度，比如任务进行的进度
<output> 定义输出，显示结果
<sub> 下标文本
<sup> 上标文本
<wbr> word break，可用来间断长单词

##HTML tabindex 属性

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

##HTML图标字符编码

关闭图标HTML编码：

×

关闭图标：×

上一页:

«

，下一页：

»

PNG8和PNG24

顾名思义，PNG8指8位索引色位图，PNG24指24位索引色位图

PNG8最多展示256种色，适合颜色单一的图像，体积小，与之对应的类似gif图片，但没有gif的动画效果

PNG24可展示颜色多达1600万，适合颜色丰富图片，体积大

在前端来说，PNG8保存不了半透明的图像，只能保存全透明或不透明的图像，如果遇到半透明的图像，则会处理为一近似颜色填充；而PNG24则可把半透明信息保存下来；

##Quirks怪异模式

从IE6起，引入了Standards模式，标准模式会良好支持CSS，而之前的网页是基于旧的布局方式写的，对CSS的支持不太好。所以写这个DTD为了标明使用的是新的标准模式还是旧的模式。

怪异模式与标准模式的区别有：

怪异模式的宽度和高度还包括了padding和border

标准模式给行内元素设置width和height都不会生效，而怪异模式的会生效

margin:auto在怪异模式下不会使元素居中