關于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>

創建錨并鏈接到錨：

通常激活一個鏈接會將用戶帶到對應網頁的頂端。

總結

以上是生活随笔為你收集整理的HTML5 基础知识（四）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。