מאמרים אחרונים מאמרים אחרונים
22/06/2020 16:11
בניית חנות וירטואלית למכירת שולחנות וכדורי פינג פונג
21/06/2020 18:08
בניית חנות מקוונת למכירת שטיחים בשתי שפות
21/06/2020 17:52
בניית חנות וירטואלית למוצרי שיער, מכשירי תספורת וציוד למספרות
17/06/2020 18:48
הקמה של חנות באינטרנט למכירה של מדבקות קיר מעוצבות
04/06/2020 16:01
בניית חנות באינטרנט למכירת מוצרי סלולר ומחשבים
תגובות אחרונות תגובות אחרונות
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...
עיצוב רווחים ושוליים
02/04/2020 6:24
את העיצוב בשפת css כותבים בדף ...
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!

תחביר HTML5

  1. דף הבית
  2. מדריך HTML5
  3. תחביר HTML5

כללי התחביר של HTML5 - כיצד לכתוב את הקוד בצורה נכונה?

לפני שנלמד את הסמנטיקה (המשמעות) של שפת HTML5, נלמד תחילה את התחביר הנכון של השפה.

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

 

תחביר נכון ב- HTML5

  • כל התגיות, המאפיינים והערכים השונים נכתבים רק באותיות קטנות, למשל יש לכתוב:
<ul>

ולא:

<UL>
  • לכל תגית יש תגית סוגרת (או שהתגית סוגרת את עצמה).

דוגמא לתגית עם תגית סגירה:

<p>
    Some text here.
</p>

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

<br />

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

 

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

לדוגמא תגית div עם המאפיין ששמו style ושהערך שלו הינו text-align:center:

<div style="text-align:center">
  • לעיתים לתגית יהיו מספר מאפיינים שונים המופרדים ברווחים, ולכל מאפיין יהיו מספר ערכים המופרדים בנקודה פסיק.
<div style="text-align:center; border-collapse: collapse" class="example" id="info">
  • בניגוד ל-HTML5 בגירסתה הרגילה, בגירסת ה-XHTML אסור לקצר מאפיינים כמו בדוגמה הבאה:
<input disabled>

הצורה הנכונה לכתוב זאת תהיה:

<input disabled=disabled/>

בכתיבה של קוד, נהוג לעשות את קינון התגיות (אינדנטציה / הזחה של התגיות) באופן שתגית פתיחה ותגית הסגירה שלה יהיו זו מתחת לזו, והתגיות הפנימיות לתגית זו יהיו מוזחות בטאב אחד פנימה:

<tag1>
    <tag2>
        <tag3>
        </tag3>
    </tag2>
</tag1>

 

הוספת תגובה

סגירת תגיות

30/08/2011 19:33
דוד כהן
שלום לך,
אכן היתה טעות בדוגמא והיא תוקנה.
כל הכבוד על תשומת הלב ותודה על הדיווח!
דוד

יש כאן טעות?

30/08/2011 18:11
יוניקית

או שאני מפספסת משהו?

התג האחרון בדוגמא פה למעלה, לא אמור להיות
<tag1/>

רוצה שנקפיץ גם את העסק שלך?

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

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

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: