נפתרה: כפתור html href

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

<button><a href="">Click Here</a></button>

1. שורת קוד זו יוצרת אלמנט כפתור ב-HTML.
2. בתוך אלמנט הכפתור, יש תג עוגן עם תכונת href ריקה.
3. תג העוגן מכיל את הטקסט "לחץ כאן".

הגדרה של HREF

HREF ראשי תיבות של Hypertext Reference והיא תכונת HTML המשמשת להגדרת היפר-קישור. הוא משמש לקישור דף אחד לאחר, או באותו אתר או באתר אחר. התכונה HREF מציינת את היעד של הקישור וניתן להשתמש בה עם רכיבי HTML אחרים כגון , , ו

.

האם אני יכול להשתמש ב-HREF ב-HTML של לחצן

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

איך מעצבים a href ככפתור

כדי לעצב תג עוגן כלחצן ב-HTML, אתה יכול להשתמש בקוד הבא:

טקסט כפתור

לאחר מכן הוסף את ה-CSS הבא לגיליון הסגנונות שלך:

.button {
צבע רקע: #4CAF50; /* ירוק */
גבול: אין;
צבע לבן;
ריפוד: 15px 32px;
Text-align: center;
text-decoration: none;
תצוגה: בלוק מוטבע; גודל גופן: 16px; שוליים: 4px 2px; סמן: מצביע;}

הודעות קשורות:

השאירו תגובה