HTML Img Alt Attribute - Dofactory

Trang chủ » Html Img Alt Text Example » HTML Img Alt Attribute - Dofactory

Có thể bạn quan tâm

HTML <img> alt Attribute HTML <iframe> HTML <input>

The alt attribute on an <img> tag specifies alternative text for the image.

This alternative text only displays when the image cannot be loaded.

This value can also help improve SEO.

Example

#

An <img> element with an alt attribute. The image is loaded without error, therefore the alternative text does not display.

Van Gogh, Self-portrait <img src="/img/html/vangogh.jpg" alt="Van Gogh, Self-portrait"> Try it live

In this example the image name has a typo and the file cannot be found. The alt text displays next to a broken image icon.

Van Gogh, Self-portrait <img src="/img/html/vangooi.jpg" alt="Van Gogh, Self-portrait"> Try it live

Using alt

#

The alternative text displays only when the image is not found, or cannot be loaded.

Alternative text is also used by screen readers and SEO to describe the image.

Tip: Use the alt attribute on all your images.

Syntax

#

<img alt="text" />

Values

#

Value Description
text Alternative text for an image element.

Browser support

#

Here is when alt support started for each browser:

Chrome 1.0 Sep 2008
Firefox 1.0 Sep 2002
IE/Edge 1.0 Aug 1995
Opera 1.0 Jan 2006
Safari 1.0 Jan 2003

You may also like

#

  • Our HTML img Tag Reference
  • Our HTML alt Attribute Reference
  • Our CSS Images Tutorial

Back to <img>

Từ khóa » Html Img Alt Text Example