9、网页添加图形的实用指南

网页添加图形的实用指南

1. 网页图形的重要性与注意事项

网页的受欢迎程度很大程度上归功于其展示图形内容的能力，而非仅仅是文本。即使是精心放置的少量图形，也能极大地改变网页的外观。然而，任何大小的图形都会增加页面下载时间，因此使用时需谨慎，避免使页面难以访问。

2. 添加内联图形

内联图形与文本处于网页的同一层，而非背景层。可以根据需要控制图形的大小、指定对齐方式和替代文本，并应用边框。
- 插入图形 ：使用 <img/> 标签插入图形，这是一个自闭合标签，在右尖括号前需要斜杠 / 。必须使用 src 属性指定图形的来源，使用 alt 属性指定替代文本。例如：

<img src="brainstorm.jpg" alt="Brainstorming session"/>

替代文本用于在浏览器关闭图形显示、仅支持文本或用户使用屏幕阅读器时解释图形内容。正常情况下，显示图形而不显示替代文本。
- 使用合适的替代文本 ：替代文本不仅供人类使用，也供屏幕阅读器使用，因此要确保其合适。遵循以下准则平衡屏幕阅读器和关闭图形显示的用户的需求：
- 说明性图片：输入简短描述，让访问者知道他们错过了什么。描述长度没有严格限制，但如果描述图片需要超过 150 个字符，使用 longdesc 属性提供详细描述