שימוש במאפיין CSS "display: none"

גיליונות סגנון מדורגים (CSS) מאפשרים לך לארגן את המראה ואת העיצוב של דף אינטרנט. אחד המאפיינים הנפוצים ביותר והערכים שלו הוא "להציג: אף אחד".

נכס הגדרה

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

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

ההבדל בין המאפיינים "תצוגה" לבין "נראות"

למרות העובדה שבסופו של דבר שני המאפיינים להסתיר את האלמנט מהמשתמש, עקרון הפעולה שלהם שונה באופן משמעותי. כאמור, הפרמטר "display: none" מסיר לחלוטין את האלמנט מהמסמך. הבלוק נופל מתוך הדף, ולכן לא תופסת מקום בו. במקרה זה, האובייקט עצמו נשאר בקוד ה- HTML.

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

הבדל זה בארגון של מבנה המסמך עם שני מאפיינים אלה מאפשר לך להשיג את התוצאה הנדרשת עבור התצוגה הנכונה של הדף.

שימוש ב- CSS - תצוגה: none

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

בכותרת המסמך

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

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

בלוק div. תצוגה: אף אחד

דרך נוספת היא להוסיף ישירות אלמנט אלמנט הקוד "style = display: none;". גישה זו משמשת לעתים קרובות בעבודה עם מסגרות שונות, שמטרתן לצמצם את מספר הנכסים ישירות בגיליון הסגנון ולהציג אותם במסמך האינטרנט עצמו. בנוסף, רישום כזה מתרחש לעתים קרובות בעת הצגת הדף "מפקח קוד". חשוב לזכור כי באמצעות גישה זו, אתה יכול לשנות את הנכס ואת הערך שלה שצוין בגיליון הסגנון. לכן, עליך להיות זהיר, וכתוצאה מכך אתה יכול ליצור בעיות נוספות ולבלות קצת זמן בחיפוש אחר שגיאות תיקון בקוד של הדף.

JavaScript

ראוי גם להזכיר את האפשרות הנוספת לשינוי הנכס. זה לא חל על גיליון סגנונות קוד HTML, אבל לשפת scripting. לכן עבור היישום שלה יש צורך לפחות ידע בתחום זה. כדי להסיר רכיב מזרם המסמך, תוכל להשתמש במאפיין JavaScript "display = none =". הוא מאפשר לך לשנות את מבנה המסמך כאשר מתרחש אירוע מסוים. כמו כן, הודות לשימוש של סקריפטים, אתה יכול באופן דינמי ("על לטוס") לשנות את הפרמטר רכוש ובכך לעדכן את תצוגת הדף מבלי צורך לאתחל אותו. גישה זו שימושית בארגון של תפריטים נפתחים, חלונות מודליים וצורות.

SEO

בתחום אופטימיזציה של תוכן אינטרנט עבור מנועי החיפוש, יש אמונות טפלות רבות ונקודות לא ברורות. אז, רבים SEOShniki טירון לשקול שימוש "להציג" את הנכס בצורה רעה. הם מסבירים זאת על ידי העובדה כי מנועי החיפוש, לראות תוכן מוסתר, מתחילים לשקול את הדף כדואר זבל. במילים שלהם יש חלק לוגי, אבל לא יותר. בנקודה זו, המאפיין של הסתרת אובייקט משמש לעתים קרובות מספיק כדי לעצב תפריטים נפתחים ולהסתיר חלקים מהמסמך שאינם מעניינים כרגע את המשתמש (לדוגמה, אם נבחרה קטגוריה אחת, המידע על השני נמחק). גישה זו משמשת פורטלי אינטרנט רבי עוצמה (אחד מהם הוא "אמזון"). לכן, רובוטי החיפוש לא יכולים לשקול להשתמש במאפיין "תצוגה: אף אחד" כדואר זבל.

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