HTML הוא אבן הבניין של האינטרנט. הכרת כמה חלקים פחות ידועים אך שימושיים בשפת הסימון הזו יכולה להפוך את חייך להרבה יותר קלים. תכונות HTML מספקות מספר תכונות שיכולות לעזור לך להפיק את המרב מ-HTML. הוא מגדיר מאפיינים או מאפיינים נוספים של רכיב HTML.
במאמר זה תלמדו על 11 תכונות HTML שכנראה לא שמעתם עליהן עדיין.
1. מרובות
תכונה זו מאפשרת למשתמשים להזין מספר ערכים. אתה יכול להשתמש בתכונה המרובה עם תגים ו תגים. תכונה בוליאנית זו תקפה רק עבור סוגי קלט דוא"ל או קבצים.
שימוש בתכונות מרובות עם
שימוש בתכונה מרובת עבור קלט קובץ
על ידי שימוש בתכונה המרובה עבור קלט קבצים, תוכל לבחור קבצים מרובים (על ידי החזקת ה- מִשׁמֶרֶת אוֹ Ctrl מפתחות).
שימוש בתכונות מרובות עבור קלט דואר אלקטרוני
על ידי שימוש בתכונה המרובה עבור קלט דוא"ל, תוכל להזין רשימה של כתובות דוא"ל מופרדות בפסיקים. כל הרווחים הלבנים יוסרו מכל כתובת ברשימה.
2. ניתן לעריכה
אתה יכול להפוך את תוכן ה-HTML לניתן לעריכה בדף אינטרנט באמצעות התכונה contenteditable. זוהי תכונה גלובלית, כלומר, היא משותפת לכל רכיבי ה-HTML.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. בדיקת איות
התכונה בדיקת איות מציינת אם ניתן לבדוק את הרכיב עבור שגיאות כתיב או לא. אתה יכול לבדוק טקסט ב- אלמנטים, טקסט ברכיבים הניתנים לעריכה או טקסט ברכיבי הקלט (למעט סיסמאות).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
קשורים: The HTML Essentials Cheat Sheet: תגים, תכונות ו עוד
4. הורדה
תוכל להוריד משאב באמצעות תכונת ההורדה. תכונת ההורדה אומרת לדפדפן להוריד את כתובת האתר שצוינה במקום לנווט אליה. אתה יכול להשתמש בתכונת ההורדה עם תג ותג .
הערה: תכונת ההורדה רק עובד עם כתובות URL מאותו מקור. הוא פועל לפי הכללים של מדיניות זהה מקור.
הורד5. accept
תכונת accept של התג מציינת את סוג הקבצים שמשתמש יכול להעלות. אתה יכול לציין רשימה מופרדת בפסיקים של סוג קובץ אחד או יותר בתור הערך שלו.
קבלת קובץ שמע
קבלת קובץ וידאו
קוד>קבלת קובץ תמונה
קוד>קבלת קובץ Microsoft Word
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">קבלת קובצי PNG או JPEG
קבלת קובץ PDF
קשורים: אפקטי HTML מגניבים שכל אחד יכול להוסיף לאתרים שלו
6. translate
תכונת translate אומרת לדפדפן שיש לתרגם את הרכיב או לא כאשר הדף מותאם לוקליזציה. זה יכול להיות 2 ערכים: "כן" או "לא".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
קשורים: דוגמאות פשוטות של קוד HTML שתוכלו ללמוד ב-10 דקות
7. פוסטר
תכונת הפוסטר משמשת להצגת תמונה בזמן הורדת הסרטון או עד שהמשתמש מנגן את סרטון.
הערה: אם לא תציין שום דבר, שום דבר לא יוצג עד שהפריים הראשון זמין. כאשר המסגרת הראשונה זמינה, היא מוצגת כמסגרת הפוסטר.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
תכונת inputmode מציינת לדפדפן איזו מקלדת להציג כאשר משתמש בחר רכיב קלט או אזור טקסט כלשהו. תכונה זו מקבלת ערכים שונים:
ללא
נומרי
טל
עשרוני
אימייל
URL
חיפוש
9. pattern
תכונת התבנית של האלמנט מאפשרת לך לציין ביטוי רגולרי שעבורו ערך האלמנט יאומת. אתה יכול להשתמש בתכונת התבנית עם מספר סוגי קלט כמו טקסט, תאריך, חיפוש, כתובת אתר, טלפון, דוא"ל וסיסמה.
קשורים: האתרים הטובים ביותר עבור דוגמאות לקידוד HTML איכותי
10. השלמה אוטומטית
תכונת ההשלמה האוטומטית מציינת אם הדפדפן צריך להשלים אוטומטית את הקלט בהתבסס על קלט המשתמש או לא. אתה יכול להשתמש בתכונת ההשלמה האוטומטית עם מספר סוגי קלט כמו טקסט, חיפוש, כתובת אתר, טלפון, דוא"ל, סיסמה, בוחר תאריכים, טווח וצבע. אתה יכול להשתמש בתכונה זו עם האלמנטים או אלמנטים.
11. מיקוד אוטומטי
תכונת המיקוד האוטומטי היא תכונה בוליאנית המציינת שרכיב צריך להיות ממוקד בטעינת העמוד. אתה יכול להשתמש בתכונה זו עם , ,
שימוש בתכונת פוקוס אוטומטי עם רכיב קלט
< /code>שימוש בתכונת פוקוס אוטומטי עם אלמנט נבחר
שימוש בתכונת פוקוס אוטומטי עם אלמנט textarea
אם אתה רוצה לעיין בקוד המקור המלא המשמש במאמר זה, עיין ב- מאגר GitHub.
הפוך את חייך לקלים יותר עם JavaScript One-Liner
קוד חוט אחד עוזר להשיג יותר עם פחות קוד. אתה יכול להשתמש במספר JavaScript one-liners כדי לקודד כמו מקצוען.
עם שורת קוד אחת בלבד, אתה יכול לערבב מערך, למצוא את הממוצע של מערך, לבדוק אם מערך ריק, ליצור צבע משושה אקראי, ליצור UUID אקראי וכן הלאה.
11 JavaScript One Liners שכדאי להכירהשג הרבה רק עם מעט קוד באמצעות מגוון רחב זה של JavaScript one-liners.
קרא הבא
לַחֲלוֹקצִיוּץאימייל
נושאים קשורים
- תִכנוּת
- HTML
- שפות תכנות
- טיפים לקידוד
על הסופר
יובראג' צ'נדרה (78 מאמרים שפורסמו)Yuvraj הוא סטודנט לתואר ראשון במדעי המחשב באוניברסיטת דלהי, הודו. הוא נלהב מ-Full Stack Development Web. כשהוא לא כותב, הוא בוחן את העומק של טכנולוגיות שונות.
עוד מאת Yuvraj Chandra
הירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים טכניים, ביקורות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחץ כאן כדי להירשם
