对于图像，使用name元素有什么好处？ NAME = “...”

Question

我想知道alt =“”和name =“”

之间的区别

将文件名放在alt标签或照片说明中会不会更好？

从SEO和验证角度来看，更有意义的是什么？

Answer 1

在搜索引擎优化方面，使用ALT属性更有用。使用NAME属性主要用于内部页面锚点。

ALT属性旨在为使用屏幕阅读器或搜索引擎的用户提供描述图像的替代文字。

name属性主要用于内部锚定，允许您使用锚点在页面中导航。

name属性的示例用法：

<!-- following ancor can be referenced as http://<your_url>#post-123 -->
<a name="post-123">permanent link to some post</a>

alt属性的使用示例：

<!-- following image shows "FooBar Company Logo" when images can't be shown -->
<img src="logo.jpg" alt="FooBar Company logo" />

• 有关一般链接的更多信息：http://www.w3.org/TR/REC-html40/struct/links.html
• 有关如何以及何时使用ALT属性的详细信息，请参阅： http://www.w3.org/QA/Tips/altAttribute。

Answer 2

• name属性仅用于提供在JavaScript中引用的名称。
• alt属性为搜索引擎，盲人，无法加载图片等提供替代说明。
• title属性提供的描述将在用户使用鼠标悬停在图像上时显示 - 有些（但不是所有）浏览器将使用alt属性来实现此目的没有title

Answer 3

我有点担心将文件名放在ALT标签中，因为如果关闭图像会显示它。通常，您将ALT标记设置为服务器作为占位符，其中包含“站点徽标”或其他内容以指示图像是什么。

NAME标签用于锚定等。如果您想创建一个将长页面滚动到图像的链接，您可以通过它来引用它。

Answer 4

是的，肯定会在alt标签中添加说明。这对于视障者来说非常重要，因为这是屏幕阅读器在遇到图像时会阅读的内容。唯一可能的问题是某些浏览器将alt标记视为工具提示文本，但是，您可以通过设置title =“”来覆盖该行为。

Answer 5

alt attribute旨在为图像提供文本形式的描述性替代方案。因此，如果您有一张显示向日葵的图像，您可以使用：

<img src="sunflower.jpg" alt="image of a sunflower on a sunny day">

name attribute用于为脚本命名图像，以便您可以使用images["sunflower"]访问它。但是现在你应该使用id属性。

Answer 6

由于上述所有原因，您肯定想要使用ALT标记，并且：根据W3C，此标记为强制，因此如果您要创建“合规代码”，则需要它（请参阅例如w3schools）。