Bir kullanıcının itibarının üzerine geldiğimiz gibi javascript olmadan fareyle üzerine gelin metin ekleyin

262

Stackoverflow'da, bir kullanıcının itibarının üzerine geldiğimizde bir metin görüyoruz. Bunu birçok yerde gördüm ve kaynak kodu bana js olmadan yapılabileceğini söylüyor. Ve denedim ve sadece bunu aldım-

 <div="text">hover me</div>
html  hover 
— Kül
kaynak

Yanıtlar:

495

titleÖzelliği kullanın, örneğin: 

<div title="them's hoverin' words">hover me</div>
Snippet'i genişlet

veya: 

<span title="them's hoverin' words">hover me</span>
Snippet'i genişlet

— gcochard
kaynak
3
bir kullanıcının itibarına geldiğimizde aynı mı
— Ash
1
Evet, itibarın kaynak koduna bakarsanız, title özelliğinin şu şekilde ayarlandığını görürsünüz: reputation score .
— gcochard
6
@Kevin Bu çözüm, JavaScript devre dışı bırakılmış tarayıcılarda çalışacağı için JavaScript çözümünden daha iyidir ve ayrıca ekran okuyucularına öğenin içeriği hakkında bir ipucu ekler.
— gcochard
1
@KevinMeredith JS çözümünün daha iyi olacağı tek önlem, görünen ve yalnızca yerel uygulama ile bırakılan metni biçimlendirememeniz olduğunu söyleyebilirim.
— zero298
1
@David d C e Freitas: Bu cevaba yaptığınız düzenleme ile StackOverflow'u parlattığınız için teşekkür ederiz ... sizi nasıl etiketleyeceğinizi bilmiyorum ama oh iyi
— Meredith
16

Title özniteliği, örneğin bir bağlantı gibi diğer html öğeleriyle de iyi çalışır ...

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>
— Slavomir
kaynak
15

Genellikle bu durumda kısaltma html etiketi için ulaşırım.

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp

— Harry Bosh
kaynak
7
Bu unsur özellikle kısaltmaları belirtmek için kullanılmalıdır, bu nedenle bu iyi bir fikir değildir. Metin-konuşma sistemlerine bir kısaltma olarak telaffuz etmesini söylüyorsunuz. <span>Fareyle üzerine gelindiğinde bir metin istiyorsanız kullanın .
— Lars Marius Garshol
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.