目录
- HTML5 <img> 标签
- 如何插入图像：
- 浏览器支持
- 标签定义及使用说明
- HTML 4.01 与 HTML5之间的差异
- HTML 与 XHTML 之间的差异
- 属性
- 全局属性
- 事件属性
- 尝试一下 – 实例
- 支持的图像格式
- 与CSS的交互
HTML5 <img> 标签
如何插入图像：
实例
HTML5 <img>标签用于向网页中添加相关图片。
<img src=\”smiley-2.gif\” alt=\”Smiley face\” width=\”42\” height=\”42\”>
尝试一下 »
浏览器支持
所有主流浏览器都支持 <img> 标签。
标签定义及使用说明
- <img> 标签定义 HTML 页面中的图像。
- <img> 标签有两个必需的属性：src 和 alt。
注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
提示：通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接。
HTML 4.01 与 HTML5之间的差异
HTML5 中不支持以下属性：align、border、hspace、longdesc、vspace。
在 HTML 4.01 中，以下属性：align、border、hspace、vspace 已废弃。
HTML 与 XHTML 之间的差异
在 HTML 中，<img> 标签没有结束标签。
在 XHTML 中，<img /> 标签必须被正确地关闭。
属性
New：HTML5 中的新属性。
全局属性
<img> 标签支持 HTML 的全局属性。
事件属性
<img> 标签支持 HTML 的事件属性。
尝试一下 – 实例
从不同的位置插入图片 本例演示如何将其他文件夹或服务器的图片显示到网页中。
制作图像链接 本例演示如何将图像作为一个链接使用。
创建图像地图 本例演示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
支持的图像格式
HTML标准并没有给出必须支持的图像格式的列表，因此每个用户代理支持一组不同的格式。
Gecko支持：
JPEG
GIF
PNG
APNG
SVG
BMP
BMP ICO
PNG ICO
与CSS的交互
关于CSS，<img>是一个替换元素。它没有基线，这意味着当在一个行内格式的上下文中使用vertical-align:baseline时，图像的底部将会与容器的基线对齐。
到此这篇关于关于HTML5的img标签的文章就介绍到这了,更多相关HTML5 img标签内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网！
您可能感兴趣的文章:
- 正则表达式从HTML中匹配img标签的图片地址
- webpack打包html里面img后src为“[object Module]”问题
- Java 获取Html文本中的img标签下src中的内容方法
- PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
- spring mvc+localResizeIMG实现HTML5端图片压缩上传
- php正则提取html图片(img)src地址与任意属性的方法
- javascript生成img标签的3种实现方法(对象、方法、html)
- asp去掉html，保留img br p div的正则实现代码
