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>
創建錨并鏈接到錨：
通常激活一個鏈接會將用戶帶到對應網頁的頂端。
總結
以上是生活随笔為你收集整理的HTML5 基础知识（四）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML5 基础知识（三）
- 下一篇： CSS 基础知识（一）