הצג והסתר טקסט או תמונות עם CSS ו- JavaScript

צור חוויה בסגנון יישום באתרי האינטרנט שלך

HTML דינמי (DHTML) מאפשר לך ליצור חוויית סגנון יישום באתרי האינטרנט שלך, ובכך להפחית את התדירות שכל הדפים צריכים להיות נטענים במלואם. ביישומים, כאשר אתה לוחץ על משהו, היישום מיד משתנה כדי להראות תוכן ספציפי או כדי לספק לך את התשובה שלך.

לעומת זאת, בדרך כלל יש לטעון מחדש דפי אינטרנט, או לטעון דף שלם שלם. זה יכול להפוך את חוויית המשתמש יותר משונה. הלקוחות שלך צריכים להמתין עד שהדף הראשון ייטען ולאחר מכן להמתין שוב לטעינת הדף השני וכן הלאה.

שימוש ב- & lt; div & gt; כדי לשפר את חוויית הצופה

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

מה שאתה צריך

כדי ליצור div שניתן להחליף ולכבות, אתה צריך את הדברים הבאים:

• קישור כדי לשלוט ב- div על ידי הפעלתו וכיבויו בעת לחיצה עליו
• את div כדי להראות ולהסתתר
• CSS לסגנון div מוסתר או גלוי
• JavaScript כדי לבצע את הפעולה

קישור הבקרה

השליטה היא החלק הכי קל. כל שעליך לעשות הוא ליצור קישור כמו שהיית עושה לדף אחר. לעת עתה, השאר את התכונה href ריק.

למד HTML

מקום זה בכל מקום בדף האינטרנט שלך.

דייב להראות ולהסתיר

צור את אלמנט div שברצונך להציג ולהסתיר. ודא כי div שלך יש מזהה ייחודי על זה. בדוגמה, מזהה ייחודי הוא ללמוד HTML .