יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
12/01/2022 12:57
בניית חנות באינטרנט למדבקות קיר מעוצבות ולתמונות קנבס
05/01/2022 15:55
אתר מכירות פומביות לרכישת מוצרים באמצעות שיטת המכרז האנגלי לפיה זוכה בעל ההצעה הגבוהה ביותר
29/11/2021 16:33
29/11/2021 16:32
29/11/2021 16:32
תגובות אחרונות תגובות אחרונות
מדריך CSS - מתחילים
17/01/2022 19:35
היי, עיצוב עושים עם CSS, ולא ...
מדריך CSS - מתחילים
16/01/2022 20:41
האם יש אפשרות לעצב רקע בתוך דף...
מדריך CSS - מתחילים
18/11/2021 10:18
היי ינון, אתה צריך את הטקסט ש...

תחביר 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
או מלא את הטופס להלן: