HTML5 基础知识（四）

关于web图像：

1、格式与下载速度：当前web上应用最广泛的三种格式gif、png、jpeg。

JPEG格式适用于彩色照片，因为它包含大量的颜色并进行合理的压缩，采用这种格式保存的文件相对较小，全彩的照片通常保存为JPEG格式，PNG-24格式效果也很好，但是通常文件比JPEG要大的多。不过 JPEG是一种有损的格式

PNG和GIF是无损的格式，因此采用这两种格式对图像进行压缩不会造成品质的损失。GIF只有256种颜色，但PNG支持几百万种颜色。且均支持透明，适合用于保存非照片类的图像。

PNG有几种不同的分支，PNG-8 PNG-24 PNG-32 。一般来说对于PNG和GIF应该优先选择PNG，因为它对透明度的支持更好，压缩算法也更好，产生的文件更小。

2、颜色：

标识和其他颜色较少的图像通常保存为PNG-8格式

JPEG PNG-24 PNG-32均支持超过1600万种颜色，因此照片和复杂的插图应选择这些格式，不过，大多数情况下应该使用JPEG

3、大小：

数字图像以像素为单位进行度量。

4、透明度：

可以利用透明度为图像创建非矩形的边缘，在图像的下方设置背景色或图案，PNG和GIF都支持透明度，JPEG则不支持。

在GIF格式中一个像素要么透明要么不透明，称为索引色透明

PNG格式中既支持索引色透明，有支持alpha透明（可以控制一个像素透明的程度）。

PNG-8即支持索引色透明，也支持alpha透明，但需要使用FireWork这样的程序才能将图像保存为PNG-8格式。Photoshop不支持alpha透明的png-8格式，但支持alpha透明的PNG-32。总之对于透明图像应使用PNG-8或PNG-32。

5、动画：

动画可以保存为GIF，但不能是JPEG PNG。实际上，使用图像表现动画的已经越来越少了，通常使用css动画、javascript、svg、html5 canves 和flash。

RGB 分别代表  Red 红 Green 绿 Blue 蓝 RGB模式又被称为三原色光模式。

在页面中插入图像：

格式<img src="image.url" /> 其中 image.url指示图像文件在服务器上的位置。

提供替代文本

使用alt属性，可以为图像添加一段描述性文本。当图像因某种原因不显示的时候，就可以将这段文字显示出来。一般来说，替代文本是考虑图像未能正常加载的情况下需要呈现的文字。

格式<img src="image.url" alt="test" />

指定图像尺寸：

格式<img src="image.url" alt="test"  width=“x” height=“y” />

链接：

链接有两个主要的部分，目标和标签

使用目标，可以指定访问者点击链接时会发生什么，其次是链接到其他网页的特定位置。

标签，访问者在浏览器看到或在屏幕阅读器中听到的部分。

创建一个指向另一个网页链接

a元素是创建链接的关键。格式 <a href="www.baidu,com" >     </a>

创建錨并链接到錨：

通常激活一个链接会将用户带到对应网页的顶端。