HTML5常用标签（2-3）图片标签
【摘要】 本文主要介绍了HTML5中的图书标签的用法和注意事项。
area
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
area 元素总是嵌套在 <map> 标签中。
语法
在 HTML 中，<area> 没有结束标签。
在 XHTML 中，<area> 必须正确地关闭。
属性
必需的属性
| 属性 | 值 | 描述 |
| alt | text | 定义此区域的替换文本。 |
可选的属性
| 属性 | 值 | 描述 |
| coords | 坐标值 | 定义可点击区域（对鼠标敏感的区域）的坐标。 |
| href | URL | 定义此区域的目标 URL。 |
| nohref | nohref | 从图像映射排除某个区域。 |
| shape | default、rect、circ、poly | 定义区域的形状。 |
| target | _blank、_parent、_self、_top | 规定在何处打开 href 属性指定的目标 URL。 |
img
<img> 标签用于向网页中嵌入一幅图像。
从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
注意
<img> 标签有两个必需的属性：src 属性 和 alt 属性。
属性
| 属性 | 值 | 描述 |
| alt | text | 指定图像的替代文本。 |
| src | URL | 指定显示图像的 URL。 |
| width | px(pixels)、% | 设置图像的宽度（像素或百分比）。 |
| height | px(pixels)、% | 定义图像的高度（像素或百分比）。 |
| ismap | URL | 将图像定义为服务器端图像映射。 |
| longdesc | URL | 指定包含长的图像描述文档的 URL。 |
| usemap | URL | 将图像定义为客户器端图像映射。 |
map
<map>标签定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
属性值
必需的属性
| 属性 | 值 | 描述 |
| id | unique_name | 为 map 标签定义唯一的名称。 |
可选的属性
| 属性 | 值 | 描述 |
| name | mapname | 为 image-map 规定的名称。 |
本文转载自异步社区。
原文链接：https://www.epubit.com/articleDetails?id=N3a617e92-815e-498d-ac4d-54f0b2a0cc75
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）