关于Title / Alt属性;

我希望我能发布这个.

我理解标题和alt属性的目的,但我只是不明白它们的最佳用途,或者我可以多次使用相同的标题/ alt.

例如一个关于狗的网站：

根据我的理解,所有img标签都需要一个alt标签：

<img src="Husky.png" alt="Husky"  />
<img src="Rottweiler.png" alt="Rottweiler" />

对同一主题的多张图片使用相同的alt标签是一种好习惯

<img src="Husky2.png" alt="Husky"  />
<img src="Husky3.png" alt="Husky"  />
<img src="Husky4.png" alt="Husky"  />

在每个标签中使用title / alt标签是一种好习惯吗？怎么样使用
相同的标签多几次？

例：

<ol title="This Dog">
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
</ol>

<div id="body">
<p title="This Dog"> </p> 
<p title="This Dog"> </p> 
<p title="This Dog"> </p> 
<p title="This Dog"> </p> 
</div>

我的理解是,标题标签在新浏览器中充当信息类型的工具提示/悬停,而alt标签用于在旧浏览器中执行相同操作.它们还可以作为搜索引擎识别您网站的方法.

我希望我的问题能够理解.

解决方法

My understanding is that the title tag acts as a tool tip/hover over information type of thing in newer browsers and the alt tags use to do the same back in the older browsers.

不,title和alt属性具有不同的含义/目的(不是旧方法与新方法).

标题

title attribute是global attribute,这意味着您可以在所有元素上使用它.一般来说(注意一些元素(例如abbr元素)它具有特殊含义)它被定义为：

The title attribute represents advisory information for the element […]

您应该阅读属性的定义,它解释了应该如何(不)使用它.

ALT

alt属性只能用于area,input(用于图像按钮)和img element.对于img,它具有此meaning：

the value of the alt attribute is the img element’s fallback content,and provides equivalent content for users and user agents who cannot process images or have image loading disabled.

有many rules你应该(不)使用这个属性.

因此,alt属性是图像的替代：您可以看到图像,也可以阅读替代文本.不应将alt值作为图像的附加值给出/显示.

title属性提供了附加信息,这些信息将提供给两者(查看图像的用户和读取替代文本的用户).但是,您不应该使用title属性作为重要信息的唯一方法,因为……

> …典型的演示文稿通常隐藏在工具提示后面(用户不一定知道工具提示完全存在,因为它们不会悬停在所有元素上)> …键盘或触摸屏用户通常根本看不到工具提示,因为他们无法悬停> …屏幕阅读器通常不会读取/宣布标题值(在默认设置中)

关于Title / Alt属性;

解决方法

猜你在找的HTML相关文章