Autor publikacji: Virtual Patriot - Administrator

title

Data publikacji: Kwiecień 09 2016
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - the title attribute (HTML5.2)

Przeznaczenie atrybutu `title`

Za pomocą atrybutu title możemy określić dowolną dodatkową informację związaną z interesującym nas elementem HTML.

Atrybut "title" ma szczególne znaczenie dla następujących elementów HTML: abbr, dfn, input, link oraz style.

Wartość domyślna: brak wartości domyślnej

Wartości atrybutu `title`

dodatkowa informacja: Należy podać ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującej nas dodatkowej informacji.

Przykładowy Kod HTML

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Darmowy Kurs HTML</title> </head> <body> <img src="https://webkod.pl/files/html/zwierze-01.png" title="lew to również mój znak zodiaku" alt="zdjęcie lwa"> </body> </html>

Rezultat

W momencie gdy użytkownik pozostawi kursor myszki nad przykładowym elementem "img", wtedy przeglądarka internetowa wyświetli dodatkową informację w postaci ciągu znaków "lew to również mój znak zodiaku", ponieważ do wspomnianego elementu "img" został dodany atrybut "title" wraz z wartością "lew to również mój znak zodiaku".
wartość pusta: Wartość pusta oznacza, że dodatkowa informacja, jaką posiada jeden z najbliższych elementów przodków danego elementu HTML, nie jest związana z danym elementem HTML.

Przykładowy Kod HTML

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Darmowy Kurs HTML</title> <style> div { background-color:yellow; } p { background-color:orange; } </style> </head> <body> <div title="jest koloru żółtego"> <p>cytryna</p> <p title="">kiwi</p> <p>banan</p> </div> </body> </html>

Rezultat

cytryna

kiwi

banan

W momencie gdy użytkownik pozostawi kursor myszki nad drugim przykładowym elementem "p", wtedy przeglądarka internetowa nie wyświetli dodatkowej informacji w postaci ciągu znaków "jest koloru żółtego", ponieważ do wspomnianego elementu "p" został dodany atrybut "title" wraz z wartością pustą.