我可以对单个页面中的两个或多个 img html 元素使用相同的值 alt="name" 吗?
Can I use same values alt="name" for two or more img html elements in single page?
我在一页中使用两个徽标,我的代码是
<img src="img/logo/logo-black.png" alt="logo" class="logo-white"/>
和
<img src="img/logo/logo-black.png" alt="logo" class="logo-black"/>
当我验证此代码时收到以下消息,我不确定这是否是一个错误。看看屏幕截图,让我知道消息的内容。
alt
标签是替代文本。这是图片加载不出来的时候显示的。
你"can"使用相同的alt
但你不应该!
alt
应该始终是描述图像内容的有意义的行。
如果用户的页面加载速度不够快并且他看到了 alt
标签怎么办?或者,如果您的页面被浏览器解析为视觉障碍怎么办?
始终为图像使用有意义的替代文本标签,这样可能看不到图像的用户至少可以了解应该在那里显示的内容。
验证基本上是这样说的:
您的 HTML 从技术角度来看是经过验证的,没有软件在解析时会遇到问题,但是重复 ALT
很有可能无法准确表示您的图片和当无法加载图像时,这将导致信息不正确,或者屏幕阅读器对图像的解释不正确。
但是,如果您 100% 确定您的图片完全相同,那么使用相同的 alt
文本应该没什么问题。
你完全可以使用相同的替代文本,只要文本有意义。
例如:
<img src="jack1.jpg" alt="Portrait of Jack Smith" />
<img src="jack2.jpg" alt="Portrait of Jack Smith" />
BUT 像 logo 这样的替代文本没有意义,您应该将其替换为某个公司名称的 logo 或空白替代 alt=""
如果图片用于装饰目的
我在一页中使用两个徽标,我的代码是
<img src="img/logo/logo-black.png" alt="logo" class="logo-white"/>
和
<img src="img/logo/logo-black.png" alt="logo" class="logo-black"/>
当我验证此代码时收到以下消息,我不确定这是否是一个错误。看看屏幕截图,让我知道消息的内容。
alt
标签是替代文本。这是图片加载不出来的时候显示的。
你"can"使用相同的alt
但你不应该!
alt
应该始终是描述图像内容的有意义的行。
如果用户的页面加载速度不够快并且他看到了 alt
标签怎么办?或者,如果您的页面被浏览器解析为视觉障碍怎么办?
始终为图像使用有意义的替代文本标签,这样可能看不到图像的用户至少可以了解应该在那里显示的内容。
验证基本上是这样说的:
您的 HTML 从技术角度来看是经过验证的,没有软件在解析时会遇到问题,但是重复 ALT
很有可能无法准确表示您的图片和当无法加载图像时,这将导致信息不正确,或者屏幕阅读器对图像的解释不正确。
但是,如果您 100% 确定您的图片完全相同,那么使用相同的 alt
文本应该没什么问题。
你完全可以使用相同的替代文本,只要文本有意义。
例如:
<img src="jack1.jpg" alt="Portrait of Jack Smith" />
<img src="jack2.jpg" alt="Portrait of Jack Smith" />
BUT 像 logo 这样的替代文本没有意义,您应该将其替换为某个公司名称的 logo 或空白替代 alt=""
如果图片用于装饰目的