标签必需属性是src和alt；src需为有效url，alt为空字符串表示装饰性图片，非空时须准确描述内容，且二者均关乎语义与可访问性。
直接用 <img alt="HTML5如何嵌入网络图片_HTML5嵌入网络图片办法【入门】" > 标签加 src 属性就能嵌入网络图片，不需要额外配置或插件。
为什么 <img src="https://..." alt="HTML5如何嵌入网络图片_HTML5嵌入网络图片办法【入门】" > 有时不显示？
最常见原因是图片地址返回了非 200 状态码（比如 403、404），或者服务器设置了 CORS 策略禁止跨域加载——浏览器会静默失败，控制台报错 Access to image at '...' from origin '...' has been blocked by CORS policy。
- 先在浏览器地址栏直接打开那个
src链接，确认能正常显示且状态码是 200 - 如果打不开，可能是防盗链（
Referer限制）；可临时用curl -I "URL"查看响应头是否含X-Frame-Options或Access-Control-Allow-Origin - 开发阶段可加
crossorigin="anonymous"属性尝试绕过部分限制（但服务端必须配合返回合法 CORS 头）
<img alt="HTML5如何嵌入网络图片_HTML5嵌入网络图片办法【入门】" > 必须写的属性有哪些？
语义和可访问性角度，src 和 alt 是必需的。省略 alt 不影响渲染，但会导致屏幕阅读器无法描述图片，也违反 WCAG 规范。
-
src：必须是有效 URL，支持https://、http://（注意现代浏览器对http://图片可能有混合内容警告） -
alt：空字符串alt=""表示图片为纯装饰；非空时需准确描述图片内容，不要写“图片”“图标”这类无意义词 -
width/height：建议显式设置，避免布局偏移（layout shift），值可以是数字（像素）或带单位的字符串（如"300px"）
如何让网络图片在弱网下更可靠？
网络图片不可控，加载失败时最好有降级处理，而不是留白或显示破损图标。
立即学习“前端免费学习笔记（深入）”；
- 用
onerror事件 fallback 到本地占位图：@@##@@
- 现代方案可用
<picture></picture>+<source></source>提供多种格式或备用地址，但注意srcset中的网络地址同样受 CORS 影响 - 避免把关键信息全放在图片里——文字内容仍应以 HTML 文本形式存在，图片仅作补充
CORS 和防盗链是实际项目中最容易卡住的地方，别只盯着语法对不对，先查网络请求状态码和响应头。
