今天看了《Head First HTML與 CSS》，關於img標籤。知道了一些之前未注意過的內容，故寫這篇文章來記錄。
在WEB中，有三種圖像的格式最常用，其特性分別爲：
- JPEG：1.適用於照片和複雜圖像。2.有損格式。3.不支持透明度。4.文件比較小。5.顏色種類多。
- PNG：1.適用於照片和logo等單色線條構成的圖像。2.無損格式。3.支持透明度，且無鋸齒。4.相同質量的圖片，PNG比GIF小。6.有三種大小選擇，分別爲PNG-24(支持數百萬種)，PNG-16(支持數千種)，PNG-8(支持24種)。
- GIF：1.適用於logo等單色線條構成的圖像和動圖。2.無損格式。3.支持透明度，但有鋸齒。4.文件比較大。6.顏色種類少。
在寫img標籤時，應該注意以下幾點：
- img標籤時內聯元素，也是空元素，圖片並不是img的內容，是單獨存在的，並且html頁面是純文本的。
- 爲了符合工業html標準，必須加上alt屬性。
- 瀏覽器是加載完html頁面後，按序地請求圖片資源。
- 瀏覽器可以通過width和height建立頁面佈局，但推薦提前就裁剪好圖片，否則還是會下載完整的大圖像。
- 圖像寬度要小於800px。
- 圖像用作鏈接時，要放在a標籤內。
在做圖時，如果選中Transparency（透明度），會出現白色光暈，是因爲圖片編輯應用會創建一個matte(蒙版)，默認爲白色的背景，這裏可自由選擇背景顏色。
