הוסף טקסט לרחף ללא JavaScript כמו שאנו מרחפים על שם משתמש

Hwsp Tqst Lrhp Ll Javascript Kmw S Nw Mrhpym L Sm Mstms



בדפי אינטרנט רבים, לעתים קרובות אנו רואים טקסט המופיע על אלמנט מסוים כאשר אנו מרחפים מעליו ונעלם כאשר אנו מזיזים את הסמן למקום אחר על המסך. הטקסט הזה נקרא טקסט ריחוף. ב-JavaScript, קל להוסיף את טקסט הרחף על אלמנט. אבל, אפשר גם להוסיף טקסט מרחף במסמך HTML באמצעות '
אלמנט ' או ה' ' רכיב עם התכונה title.

מאמר זה ידגים שתי שיטות שימושיות להוספת טקסט ריחוף ב-HTML ללא שימוש ב-JavaScript:

שיטה 1: הוסף טקסט מרחף דרך אלמנט 'div'.

ניתן להוסיף טקסט ריחוף פשוט על ידי שימוש ב-'

אלמנט עם ה- כותרת ' תכונה בפתיחה ' '. המפתח צריך להוסיף את טקסט הרחף בתכונה 'כותרת' בתוך '
' תג פתיחה ורכיב HTML מתווסף בין הפתיחה לסגירה '
' תגיות. הטקסט בתוך '
' אלמנט מיכל יכול להיות מכל סוג. לדוגמה, '

'כותרת,'

' רכיב פסקה, או טקסט פשוט.







דוגמא

בוא נכתוב דוגמה פשוטה כדי להוסיף את '

' רכיב כדי להוסיף את טקסט הרחף מעל אלמנט HTML:



< div כותרת = 'זהו הטקסט המרחף' > רחף מעלי! < / div >

לפי הקוד לעיל:



  • א '
    רכיב ' נוסף עם ' כותרת ' תכונה בפתיחה '
    'תג.
  • ה ' כותרת ' תכונה מכילה את הטקסט שאמור להיות מוצג בזמן שהמשתמש מרחף את סמן העכבר מעל הטקסט.
  • בין הפתיחה לסיום'
    ' תגיות הם הטקסט שיוצג בממשק המרחף מעליו יציג את טקסט הריחוף.

הדוגמה שנוספה לעיל תציג את הפלט הבא:





שיטה 2: הוסף טקסט מרחף דרך אלמנט 'span'.

ניתן להוסיף טקסט מרחף גם באמצעות ' ' אלמנט ב-HTML. כל מה שצריך זה להוסיף את טקסט הרחף בתכונת הכותרת ואת אלמנט ה-HTML בפועל שעבורו מתווסף טקסט הרחף בין הפתיחה לסגירה ' ' תגיות.



דוגמא

בואו נוסיף דוגמה פשוטה כדי להוסיף את ' ' רכיב במסמך HTML לצורך הוספת טקסט הרחף מעל אלמנט HTML:

< לְהַקִיף כותרת = 'זהו הטקסט המרחף' >רחף מעלי!< / לְהַקִיף >

בדוגמה לעיל:

  • א ' רכיב ' נוסף עם ' כותרת 'תכונה בתוך הפתיחה' 'תג.
  • ה ' כותרת ' תכונה מכילה את הטקסט שאמור להיות מוצג כאשר המשתמש מרחף מעל.
  • בין הפתיחה לסיום' ' תגיות הם הטקסט שיוצג למשתמש המרחף מעליו יציג את הטקסט המרחף.

תְפוּקָה

זה מסכם את השיטות האפשריות להוספת טקסט ריחוף מבלי להשתמש ב-JavaScript.

סיכום

ניתן להוסיף בקלות טקסט מרחף ב-HTML ללא צורך בשימוש בפונקציות JavaScript. המפתח צריך להשתמש ב-'

אלמנט ' או ה' ' אלמנט שיוצר את רכיב ה-HTML ולאחר מכן הוסף את תכונת הכותרת המגדירה את טקסט הרחף. פוסט זה הוא מדריך טוב על השיטה להוסיף את טקסט הריחוף מבלי להזדקק ל-JavaScript.