הבדל בין רכיבי בלוק ואלמנטים מוטבעים

2024 מְחַבֵּר: Alex Aldridge | [email protected]. שונה לאחרונה: 2023-12-17 13:39

הבדל מפתח – חסימה לעומת אלמנטים מוטבעים

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

ו

הם ידועים בתור תגיות בטל. רכיב HTML הוא רכיב של מסמך ה-HTML או דף האינטרנט לאחר ניתוחו ל-Document Object Model (DOM). DOM הוא ייצוג פנימי בתוך דפדפן האינטרנט. הוא מייצג כל מסמך במבנה עץ. בדפדפן, האלמנטים הניתנים לתצוגה יכולים להיות אלמנט בלוק או אלמנט מוטבע. לאלמנטים בלוקים יש מבנה מלבני. ניתן להטמיע את האלמנטים המוטבעים ברכיבי בלוק. ההבדל העיקרי בין בלוק לאלמנט המוטבע הוא שרכיבי הבלוק תופסים את מלוא הרוחב הזמין בעוד שהאלמנטים המוטבעים לוקחים את הרוחב הנדרש כדי להציג את תוכן האלמנטים.

מהם רכיבי בלוק?

רכיבי בלוק תופסים את הרוחב המלא הזמין. האלמנטים האלה תמיד מתחילים בשורה חדשה. כמה דוגמאות לרכיבי בלוק הן כדלקמן.

משמש להגדרת פסקה. למשל

זוהי פסקה

. ישנם שישה תגים להגדרת כותרות. הם

,

,

…

. המתכנת יכול להשתמש בכותרת בהתאם.

הרשימה המסומנת מוגדרת על ידי

בעוד שהרשימה הלא מסודרת מוגדרת על ידי

. משמש להצגת קו אופקי על פני דף האינטרנט.

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

מהם אלמנטים מוטבעים?

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

איור 01: דוגמאות של בלוק ואלמנטים מוטבעים

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

משמש להצגת תמונה בדף. תג זה דורש שתי תכונות. הם src ו- alt. ה-'src' מתאר את מיקום התמונה וה-' alt' מתאר על מה התמונה. לְמָשָׁל. אלו הן כמה דוגמאות לאלמנטים מוטבעים.

מהו הדמיון בין בלוק ואלמנטים מוטבעים?

רכיבי בלוק ו-inline משמשים כמכולות ב-HTML

מה ההבדל בין בלוק ואלמנטים מוטבעים?

Block vs Inline Elements
אלמנטי הבלוק הם האלמנטים שיתפרשו על כל רוחב אלמנט האב, ולא יאפשרו לשום אלמנט אחר לתפוס את אותו שטח אופקי כמו שהוא ממוקם עליו.	האלמנטים המוטבעים הם האלמנטים שלא ניתן למקם ישירות בתוך אלמנט הגוף ושמקוננים בתוך רכיבי בלוק.
קו חדש
רכיבי חסימה מתחילים בשורה חדשה.	אלמנטים מוטבעים אינם מתחילים בשורה חדשה.
שטח נדרש
רכיבי הבלוק תופסים את כל הרוחב.	הרכיבים המוטבעים יקבלו רק את הרוחב הנדרש.

סיכום – חסימה לעומת אלמנטים מוטבעים

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

הורד את גרסת ה-PDF של Block vs Inline Elements

ניתן להוריד את גרסת ה-PDF של מאמר זה ולהשתמש בה למטרות לא מקוונות לפי הערת ציטוט. אנא הורד את גרסת ה-PDF כאן: ההבדל בין אלמנטים בלוק ו-Inline