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

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

 
מאמרים אחרונים מאמרים אחרונים
15/02/2022 22:51
ככה תיבנו חנות וירטואלית מותאמת סלולר שתשפר את חוויית המשתמש ותגדיל את ההמרות.
03/02/2022 0:06
תקן HTML5 לצד הלקוח באתרי אינטרנט הוא התקן המוביל בימינו. קראו על היתרונות של התקן.
31/01/2022 15:40
בניית אתר אינטרנט בשפת צד השרת PHP היא בחירה חכמה בשפת פיתוח ותיקה, מובילה ומהירה.
תגובות אחרונות תגובות אחרונות
מדריך CSS - מתחילים
17/01/2022 19:35
היי, עיצוב עושים עם CSS, ולא ...
מדריך CSS - מתחילים
16/01/2022 20:41
האם יש אפשרות לעצב רקע בתוך דף...
מדריך CSS - מתחילים
18/11/2021 10:18
היי ינון, אתה צריך את הטקסט ש...
תגובות אחרונות פוסטים אחרונים בפורום
27/06/2022 23:53
שלום רב, ישנה בעיה קטנה בא...
27/06/2022 23:51
שלום! הבעיה שלי אסביר אותה הר...
27/06/2022 23:49
הי,כיצד כדאי להשקיע בשיווק של ...

תחביר HTML5

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

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

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

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

נזכיר כי אנו מלמדים במדריך זה את שפת HTML5 בגירסתה הנוקשה XHTML, ולכן ישנן מגבלות נוספות על התחביר של השפה. מגבלות אילו אינן קיימות ב-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/>

קינון תגיות HTML5

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

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

 

הוספת תגובה

סגירת תגיות

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

יש כאן טעות?

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

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

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

שנקפיץ יחד את העסק שלך לגבהים חדשים?

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

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

 

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

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