7、网页链接与内联图像全解析

网页链接与内联图像全解析

1. 网页链接基础

1.1 链接元素

链接是网络的命脉，超文本是标记语言的名称。在 HTML 中，有多种元素可以创建超链接：
- 锚元素（ <a></a> ） ：在 HTML5 中，锚元素可以包含任何其他内容和标记，包括嵌套的块元素，但不应包含任何响应鼠标点击或手指触摸的标记。自 1993 年第一款图形网页浏览器推出以来，浏览器默认会给锚元素的文本内容加下划线并使其变为蓝色（链接的图像会有蓝色边框）。例如：

<a href="https://example.com">点击访问示例网站</a>

• 区域元素（ <area/> ） ：这是一个无内容的自闭合元素，不影响网页的渲染。它用于指定图像的子区域为超链接，必须是映射元素（ <map> ）的子元素，通过 href 属性值为有效 URL 时成为超链接。例如：

<img src="image.jpg" usemap="#image-map">
<map name="image-map">
  <area shape="rect" coords="0,0,100,100" href="https://examp