HTML5图片加链接的实用方法

基础写法：

<a href="https://example.com">
  <img src="photo.jpg" alt="示例图片">
</a>

常用增强写法（推荐）：

• 加 target="_blank" 实现新标签页打开（注意：必须同时加 rel="noopener" 防安全风险）
• alt 属性不可省略，否则对无障碍访问不友好
• 如果图片只是装饰，且链接意义由上下文明确，alt="" 是合法的；但多数情况应描述图片内容或链接目的

示例：

<a href="https://example.com/product" target="_blank" rel="noopener">
  <img src="product-banner.jpg" alt="查看新款手机详情">
</a>

常见错误与修复

以下写法看似能用，但存在隐患：