הגיב כהלכה HTML סימון הוא חלק חשוב מדף אינטרנט בנוי היטב. קל להוסיף את ההערות האלה, וכל מי שיידרש לעבוד על הקוד של אתר זה בעתיד (כולל עצמך או חברי צוות שאתה עובד איתו) יודה לך על ההערות האלה.
כיצד להוסיף הערות HTML
ניתן לחבר HTML באמצעות עורך טקסט רגיל, כמו Notepad ++ עבור Windows או TextEdit עבור Mac. אתה יכול גם להשתמש בתוכנית ממוקדת עיצוב אתרים כמו Adobe Dreamweaver או אפילו בפלטפורמת CMS כמו Wordpress או ExpressionEngine. ללא קשר לכלי שבו אתה משתמש ליצירת HTML, אם אתה עובד ישירות עם הקוד, היית מוסיף הערות HTML כאלה:
הוסף את החלק הראשון של תג ה- HTML:
לאחר אותה קטע פתיחה של ההערה, כתוב כל טקסט שתרצה שיופיע לתגובה זו. סביר להניח שזו תהיה הוראות למפתח שלך או אחר בעתיד. לדוגמא, אם ברצונך לקבוע היכן קטע מסוים בעמוד מתחיל או מסתיים בסימון, תוכל להשתמש בהערה כדי לפרט זאת.
לאחר השלמת טקסט התגובה שלך, סגור את תג התגובה כך:
אז בסך הכל, התגובה שלך תיראה ככה:
זה באמת כל כך פשוט.
הצגת התגובות
הערות שתוסיף לקוד ה- HTML שלך יופיעו בקוד זה כשמישהו צופה במקור דף האינטרנט או פותח את ה- HTML בעורך כדי לבצע כמה שינויים. טקסט הערה זה לא יופיע עם זאת בדפדפן האינטרנט כאשר מבקרים רגילים מגיעים לאתר. בניגוד לאלמנטים אחרים של HTML, כולל פסקאות, כותרות או רשימות, המשפיעים למעשה על הדף בתוך אותם דפדפנים, הערות הן באמת "מאחורי הקלעים" חלקים של הדף.
הערות למטרות בדיקה
מכיוון שההערות אינן מופיעות בדפדפן אינטרנט, ניתן להשתמש בהן כדי "לכבות" חלקי דף במהלך בדיקת עמוד או פיתוחו. אם אתה מוסיף את החלק הפותח של תגובה ישירות לפני החלק של הדף / הקוד שאתה רוצה להסתיר, ואז אתה מוסיף את סגירת חלק בסוף קוד זה (הערות HTML יכולות להתפרש על מספר שורות, כך שתוכל לפתוח תגובה בשורה 50 למשל של הקוד שלך ו סגור את זה בשורה 75 ללא בעיות), ואז כל רכיבי HTML שייכנסו להערה זו לא יוצגו עוד ב- דפדפן. הם יישארו בקוד שלך, אך לא ישפיעו על התצוגה החזותית של הדף. אם אתה צריך לבדוק דף כדי לראות אם קטע מסוים גורם לבעיות וכו ', עדיף להגיב על אזור זה מאשר למחוק אותו. עם הערות, אם קטע הקוד המדובר מתגלה כלא הנושא, תוכלו להסיר בקלות את קטעי ההערה והקוד הזה יוצג שוב. רק ודא שההערות הללו המשמשות לבדיקה אינן הופכות לאתרי הפקה. אם לא אמור להיות מוצג אזור בעמוד, ברצונך להסיר את הקוד ולא רק להגיב עליו לפני שתפתח אתר זה.
שימוש נהדר בתגובות HTML במהלך הפיתוח הוא כאשר אתה בונה אתר רספונסיבי. מכיוון שחלקים שונים באתר זה ישנו את מראהם על סמך גדלי מסך שוניםכולל חלק מהאזורים שאולי לא יוצגו כלל, שימוש בתגובות להחלפת חלקים של דף לסירוגין יכול להיות טריק מהיר וקל לשימוש במהלך הפיתוח.
לגבי ביצועים
ראיתי כמה אנשי מקצוע ברשת מציעים כי יש להסיר הערות מקבצי HTML ו- CSS על מנת להתגלח לצמצם את הגודל של אותם קבצים וליצור טעינה מהירה יותר של דפים. אמנם אני מסכים שדפים צריכים להיות מותאם לביצועים וצריך לטעון במהירות, עדיין יש מקום לשימוש חכם בתגובות בקוד. זכרו, הערות אלו נועדו להקל על העבודה באתר בעתיד, כל עוד לא תגזימו עם הערות שנוספו לכל שורה בקוד שלך, הכמות הקטנה של גודל הקובץ שנוספה לדף עקב תגובות צריכה להיות יותר מ- קָבִיל.
טיפים לשימוש בתגובות
כמה דברים שיש לזכור או לזכור בעת שימוש בתגובות HTML:
- הערות יכולות להיות מרובות שורות.
- השתמש בתגובות כדי לתעד את התפתחות הדף שלך.
- הערות יכולות גם לתעד תוכן, שורות טבלה או עמודות, לעקוב אחר שינויים או כל מה שתרצה.
- הערות ש"מכבות "אזורים באתר לא אמורות להפוך אותו לייצור אלא אם כן שינוי זה הוא הודעה זמנית שתהפוך בסדר קצר (כמו הפעלת או כיבוי של הודעת התראה כמו נָחוּץ).