HTML 5 <img> 標(biāo)簽
定義和用法
<img> 標(biāo)簽定義圖像。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 4.01 中，圖像的 "align", "border", "hspace" 以及 "vspace" 不贊成使用。在 HTML 5 中，不再支持這些屬性。
例子
<img src="smile.gif" alt="smile" />
屬性
| 屬性 | 值 | 描述 | 4 | 5 |
|---|---|---|---|---|
| alt | text | 定義有關(guān)圖形的短的描述。 | 4 | 5 |
| src | URL | 要顯示的圖像的 URL。 | 4 | 5 |
| align |
|
規(guī)定如何根據(jù)周圍的文本來對齊圖像。不支持。請使用 CSS 代替。 | 4 | ? |
| border | pixels | 定義圖像周圍的邊框。不支持。請使用 CSS 代替。 | 4 | ? |
| height | pixels % | 定義圖像的高度。 | 4 | 5 |
| hspace | pixels | 定義圖像左側(cè)和右側(cè)的空白。不支持。請使用 CSS 代替。 | 4 | ? |
| ismap | URL | 把圖像定義為服務(wù)器端的圖像映射。 | 4 | 5 |
| longdesc | URL? | 一個(gè) URL，指向了描述該圖像的文檔。不支持。 | 4 | ? |
| usemap | URL | 定義作為客戶端圖像映射的一幅圖像。請參閱 <map> 和 <area> 標(biāo)簽，了解其工作原理。 | 4 | 5 |
| vspace | pixels | 定義圖像頂部和底部的空白。不支持。請使用 CSS 代替。 | 4 | 5 |
| width | pixels % | 設(shè)置圖像的寬度。 | 4 | 5 |
標(biāo)準(zhǔn)屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述，請?jiān)L問 HTML 5 中標(biāo)準(zhǔn)屬性。
事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
如需完整的描述，請?jiān)L問 HTML 5 中事件屬性。
TIY 實(shí)例
- 插入圖像
- 本例演示如何在網(wǎng)頁中顯示圖像。
- 從不同的位置插入圖片
- 本例演示如何將其他文件夾或服務(wù)器的圖片顯示到網(wǎng)頁中。
- 浮動圖像
- 本例演示如何使圖片浮動至段落的左邊或右邊。
- 調(diào)整圖像尺寸
- 本例演示如何將圖片調(diào)整到不同的尺寸。
- 制作圖像鏈接
- 本例演示如何將圖像作為一個(gè)鏈接使用。
- 創(chuàng)建圖像地圖
- 本例顯示如何創(chuàng)建帶有可供點(diǎn)擊區(qū)域的圖像地圖。其中的每個(gè)區(qū)域都是一個(gè)超級鏈接。