10 דברים מגניבים תגיות HTML יכול לעשות
כרגע יש סה"כ 142 רכיבי HTML מתוקננת על ידי W3C למעט אלה בשלבים הראשונים של סטנדרטיזציה ואלו מיושן. עם זאת, אפשר לפספס או לשכוח כמה מהם שיכולים להיות שימושיים בעת הצורך.
מוקדם יותר עשינו סיכום של כמה טריקים CSS הטוב ביותר שאולי יש overlooked. פוסט זה יזכיר לך כמה תגי HTML שלא ידעת שתוכל להשתמש בהם כדי ליישם תכונות כגון:
1. מפת תמונות
HTML אלמנטים יכולים לשמש ליצירת מפות תמונה. מפות תמונה הם בעצם תמונות עם אזורים ללחיצה עליהם, זה יכול להיות מקושר לדף אינטרנט אחר או חלקים אחרים של אותו מסמך. אתה יכול להגדיר אילו אזורים של התמונה הם ללחיצה פשוט על ידי אזכור של X המתאים קואורדינטות של נקודות אלה
אלמנטים מקוננים בפנים
.
הערה: אזורים ללחיצה לא יכול להיות מנוסח באמצעות CSS כך, אם אתה רוצה אלה סמנים להיות מנוסח, להשתמש בתוכנה פשוטה עריכת תמונות לצייר את הסמנים.
טיפ: אם אתה רוצה לדעת את הקואורדינטות עבור נקודה בתמונה, לפתוח את התמונה בתוכנת עריכת תמונות ולהזיז את הסמן לנקודה זו, אתה אמור להיות מסוגל לראות את הקואורדינטות של אותו בתוכנה עצמה. עבור GIMP הוא מוצג בצד שמאל של הסרגל התחתון.
2. הצעות קלט
להשתמש כדי לספק רשימה של הצעות רלוונטיות המופיעות בעת הקלדת ערך קלט.
.3 סמן טקסט
טקסט מודגש בדרך כלל מכיל צבע טקסט כהה עם רקע בהיר. אתה יכול להשיג את זה אפקט טקסט מודגש עם סימון לבד. כל טקסט מוקף בתוך תהיה השפעה זו.
ניתן להתאים אישית את צבע הדגשה עם ה צבע רקע
מאפיין CSS של וה צבע טקסט עם ה
צבע
נכס.
4. הגדר תבניות
יחד עם HTML5 הגיע החדש אלמנט. ה
אלמנט מחזיק בתוכו סימון שאינו מוצג על ידי הדפדפנים, הסימון שצורף אליו אמור לשמש ליצור תוכן דינמי בדף באמצעות.
לדוגמה, נניח שיש לך האותיות הקטנות מתייחסות לטקסט המסמך המודפס בדרך כלל בגודל קטן מאוד המכיל מידע כמו תנאים, תנאים, מגבלות, ציטוטים, זכויות משפטיות וכו '. ה הערה: כל כתובות האתרים היחסיות בדף יופנו על בסיס כתובת האתר הבסיסית, אם יש לך קישור עם דומיין אחר, אל תשכח להקצות לו את כתובת האתר המלאה. פיתוח אינטרנט תגובה הוא באופנה עם גישה ניידת ההולך וגדל. תמונות ניתן להחליף עבור גדלי מסך שונים עם סימון. ה הערה: בשלב זה פועל Chrome רק. יהיה עליך להגדיר HTML5 הציג אלמנטים חדשים רבים מסוג קלט; אלמנט קלט הצבע הוא אחד מהם. זה מאפשר לך לבחור צבע על דף אינטרנט בעזרת בורר צבע. אם יש לך אפשרויות רבות ברשימה הנפתחת וברצונך להציג אותם מקובצים, הסימון בפנים שבו שורות יש להוסיף באופן דינמי, אתה יכול פשוט לשים את הסימון של שורה ריקה של השולחן כי בתוך
כאשר יש צורך לקרוא פונקציה JavaScript המכיל סקריפט להעתיק את הסימון מתוך תגי תבנית ולהוסיף אותו לסימון הטבלה. זה לא נתמך על ידי IE.
5. Fine Fine
התג ב- HTML יכול לשמש להצגת הדפסים נאים. מ HTML5 ואילך
תג לא רק מראה טקסט מעוצב בסדר, אלא גם להגדיר סמנטית זהה כתב ויתור משפטי אזהרה.
6. הקצה כתובת בסיס
אלמנט HTML הוא די שימושי כאשר יש לך קישורים מרובים במסמך עם כתובות דומיין אותו, זה מאפשר לך להוסיף כתובת בסיסית למסמך אשר בתורו מאפשר לך להוסיף רק כתובות אתרים יחסית קישורים אחרים בדף לפי הצורך.7. תמונות תגובה
אלמנט HTML5 מאפשר לך להוסיף מקורות תמונה שונים עבור מדיה אחרת עבור התמונה שבתוכו.
dom.image.picture.enable
ל נכון
in אודות: config
ב - Firefox.8. בוחר צבע
9. אופציות קבוצתיות
אלמנט יהיה לקבל את העבודה. ניתן גם לסדר את הקבוצות עם CSS.
10.
אלמנט
מוצג על ידי הדפדפן רק כאשר התסריט מושבת. תג זה שימושי כדי לאפשר למשתמשים לדעת מתי הסקריפט מושבת בדפדפן שלהם ולספק כל מנגנון חזרה חלופי עבור רכיבים בדפי אינטרנט שיפסיקו לפעול ללא JavaScript.
עכשיו קרא: 15 טריקים CSS שימושי שאולי יש להתעלם