andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add 2 new HTML questions

Browse Source
This commit is contained in:
Angelos Chalaris
2023-05-20 15:33:08 +03:00
parent f53c7d8f99
commit 004b165b7b
2 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
snippets/html/s/alt-vs-title.md Normal file
View File

@ -0,0 +1,20 @@
---
title: What is the difference between alt and title?
shortTitle: Difference between alt and title
type: question
language: html
tags: [image]
cover: stars-n-snow
excerpt: Learn the difference between the `alt` and `title` attributes on images in HTML.
dateModified: 2023-07-02T05:00:00-04:00
---
As mention in the [previous article](/html/s/image-alt), the `alt` attribute provides alternative information for an image if a user cannot view it. When an image can't be loaded, the browser will display the `alt` text in its place so the user can get an idea of why the image was included.
The `title` attribute, on the other hand, provides additional information about an image. This information is displayed as a tooltip when a user hovers over the image.
```html
<img src="image.jpg" alt="Alternative text" title="Additional information">
```
Overall, the `alt` attribute should be specified for all `<img>` elements as it is important for both accessibility and SEO. The `title` attribute, on the other hand, is optional and should only be used when you need to provids additional information about the image.