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

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

 
מאמרים אחרונים מאמרים אחרונים
22/06/2021 14:16
בניית חנות וירטואלית למכירת כספות
22/06/2021 13:29
בניית אתר מכירות לטפטים תלת מימדיים ולמדבקות קיר בעברית וברוסית
21/06/2021 21:56
הקמת חנות וירטואלית לעיצוב הבית, חנות למכירת שטיחים, תמונות, טפטים ומדבקות קיר
29/04/2021 16:53
חנות למכירת מחשבים וסלולר באינטרנט
22/04/2021 16:45
חובב ספרים, קריאת מגזינים או מילוי תשבצים? מתכנן להקים אתר למכירה של ספרים ומוצרי דפוס שונים? ליקטנו...
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית לרהיטים
25/11/2020 16:36
בהחלט יכול להתאים. עם זאת, צרי...
בניית חנות וירטואלית לרהיטים
25/11/2020 11:39
האם זה יכול להתאים לעמותה שמעו...
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...

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