HTML <img>标签
定义和使用
<img>标签定义HTML页面里的图片.
<img>标签有两个必须属性:src和alt.
注意:从技术上讲,图像没有插入到HTML页面中,图像只是链接到HTML页面.<img>标签为引用的图像创建一个空间.
提示:把图片链接到另一个文档,只需要简单的把<img>标签嵌入到<a>标签里.
浏览器支持
| 元素 |  |  |  |  |  |
|---|---|---|---|---|---|
| <img> | 支持 | 支持 | 支持 | 支持 | 支持 |
HTML 4.01和HTML5之间的差异
下面的这些属性:align,border,hspace,和vspace在HTML5里是不支持的.
HTML和XHTML之间的差异
在HTML里<img>标签没有结束标签.
在XHTML里<img>标签必须正确的关闭.
属性
=HTML5新属性
| 属性 | 属性值 | 描述 |
|---|---|---|
| alt | text | 指定图片的可替换文本. |
| crossorigin | anonymous use-credentials | 允许来自第三方站点的图像允许跨源访问与画布一起使用. |
| height | pixels | 指定图像的高度. |
| ismap | ismap | 将图像指定为服务器端映像映射. |
| longdesc | URL | 指定图像详细描述的URL. |
| src | URL | 指定图像的URL. |
| usemap | #mapname | 将图像指定为客户端映像映射. |
| width | pixels | 指定图像的宽度. |
全局属性
<img>标签也支持HTML全局属性.
事件属性
<img>标签也支持HTML事件属性.
默认CSS设置
大多数浏览器将以下面的CSS样式作为<img>元素的默认显示:
评论区