שלח תשובה

זירת השאלות

839
צפיות
9
תשובות

מה זה ה – Div הזה?

,‏ 30 ביולי, 2004

קראתי פה את המדריכים ואני לא שמתי לב בשום מדריך לגבי התגית <Div>
מה תפקידה ואיך משתמשים בה.
אפשר בבקשה לקבל הסבר לגביה?

תגיות:

9 תשובות

  1. ניר טייב הגיב:

    DIV זו שכבה
    אתה יכול לקרוא עליה בריפרנס של ה-HTML

    לרוב משתמשים בה ליצירת קופסאות ג’נריות ב-CSS (נושא קצת יותר מתקדם)

  2. karoitay הגיב:

    תודה אבל….
    גם מה שיש בריפרנס לא בדיוק מסביר
    אתה מכיר מקום עם הסבר על התגית?

  3. aviel הגיב:

    אני פשוט שאני רוצה ליישר טקסט
    או משהו אחר אני כותב ככה:


    <div align="cnter/right/left">

    ואז כל מה שבא אחר כך מיושר לכיוון שאני רוצה

  4. sirob הגיב:

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

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

    <div style="position: absolute; left: 100px; top: 100px; height: 100px; width:100px; background-color: blue>
    some text
    </div>

    הקוד הזה ייצור ריבוע בגודל 100 על 100 שממוקם 100 פיקסלים מהגבול השמאלי ו-100 מהעליון. נסה את זה, תראה מה יוצא.

    סה"כ DIV הוא מאוד יעיל אם אתה צריך תג שאין לו כל תכונה, ככה שאתה יכול להוסיף לו מה שאתה רוצה עליו.

  5. karoitay הגיב:

    תודה אז מה בכל זאת ההבדל?
    בין Span ל Div?

  6. sirob הגיב:

    האמת, אין לי מושג.
    למרות שבטח אפשר לגלות.

  7. sirob הגיב:

    בדקתי!
    DIV הוא box ו-SPAN הוא inline.

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

  8. ניר טייב הגיב:

    זה גם קשור בכל מאפייני ה-CSS
    על DIV שהוא אלמנט ברמת הבלוק ניתן לתת מאפיינים של קופסא ג’נרית (כמו אורך ורוחב,Marginו-Padding)

    בניגוד לכך SPAN הוא אלמנט ברמת inline (רמת התו) והוא יותר נועד כדי לעצב משפטים וכדומה – ע"פ התקן חייבים לשים SPAN בתוך אלמנט ברמת הבלוק

    (SPAN יכול להיות בתוך DIV אך DIV לא יכול להיות בתוך SPAN)

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!