מדריך XHTML מספר 3 - תגיות XHTML וסינטקס

אז עכשיו שהבנו איך נראה מסמך XHTML ומה ההבדל בין מסמך XHTML למסמך HTML , נוכל להתחיל להגיע לתכלס - התגיות. מדריך זה יסביר מעט על תגיות XHTML, כתיבה נכונה (שבXHTML היא חובה) ובאופן כללי על המבנה.

Medium 671 views

What You'll Need

  • XHTML
  • תגיות
  • TAGS

Steps

  1. 1

    Step 1

    אחד השינויים המשמעותיים ביותר בתגיות בXHTML הוא לא רק בתגיות חדשות אלא גם באיך שכותבים אותם. בXHTML, חובה לכתוב את התגיות באותיות קטנות (Lower case) - זאת אומרת שתגיות שנראות כך:
  2. 2

    Step 2

    , ,
  3. 3

    Step 3

    לא תופסות. כל האותיות בתגית צריכות להיות באותיות קטנות, כך:
  4. 4

    Step 4

  5. 5

    Step 5

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

    Step 6

    FUN
  7. 7

    Step 7

    קינון לא נכון:
  8. 8

    Step 8

    FUN
  9. 9

    Step 9

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

    Step 10



  11. 11

    Step 11

    דרך נוספת היא לסגור את התגית עוד בתגית הפותחת:
  12. 12

    Step 12


  13. 13

    Step 13

    סגירת התגיות בצורה הזו היא המומלצת ביותר שכן היא מתאימה גם לדפדפנים ישנים יותר (שימו לב לרווח לפני ה' / ' ). אם אתם רוצים להכניס מאפיינים לאחת התגיות האלו, פשוט הכניסו אותם כרגיל ולבסוף סגרו את התגית ב ' / ' (אל תשכחו את הרווח).

Related Guides

How to choose and buy your website domain name

How to choose and buy your website domain name

The name of the site says everything, it must be catchy, short, concise and yet tell what is behind the business. These few easy steps will explain how to choose and buy a domain name for your website.

Easy 1K views
How to choose a logo

How to choose a logo

How your logo appears and the impression it makes will influence how easy it is to to remember your company name.

Medium 7K views
מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)

מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)

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

Easy 155 views

מדריך XHTML מספר 1 - מה זה XHTML ולמה כדאי להשתמש בו

XHTML - EXtensible HyperText Markup Language זו שפת תגיות המומלצת על פי תקן הw3c העולמי , היא כמעט זהה לחלוטין לשפת הHTML (גרסא 4.01)רק שהיא נקיה יותר, ומותאמת לכל הדפדפנים. לכן, אם יש לכם כבר אתר בHTML, מומלץ לשנות אותו לXHTML. במדריך זה נעבור על כמה מהמאפיינים העיקריים בשפה ונשווה אותה לHTML. אם אינכם יודעים HTML, עברו על מדריכי הHTML ב"בקלות" לפני שאתם מתחילים.

Medium 521 views

מדריך XHTML מספר 2 - Doctype ומבנה המסמך

הDoctype אחראי להגיד לדפדפן באיזה שפת תגיות להשתמש. בHTML 4.01, הכרזת הDoctype אינה חובה ואילו בXHTML חייבים להשתמש בו. במדריך זה נעבור על הסוגים השונים של הDoctypes של XHTML ועל איך מבנה מסמך XHTML צריך להיות בנוי.

Medium 697 views
How to Design a Website: A Comprehensive DIY Guide

How to Design a Website: A Comprehensive DIY Guide

Learn how to design an effective website from scratch with this beginner-friendly DIY guide. Master user-friendly website design, navigation best practices, and create a powerful online presence for your small business or personal brand.

Medium 8K views