HTML/טקסט: הבדלים בין גרסאות בדף
תוכן שנמחק תוכן שנוסף
מאין תקציר עריכה |
מאין תקציר עריכה |
||
שורה 1:
עד עכשיו למדנו תגים שמיועדים ל'''עיצוב''' הטקסט כמו b, i, big, small וכו'. תגים אלו אמורים לצאת משימוש בגרסאות הבאות של HTML ולפנות את מקומם לעיצוב בעזרת [[CSS]]. יחד עם זאת, HTML מציע תגים רבים שנותנים '''משמעות''' לטקסט שהם מכילים, כמו האלמנט abbr שמעיד על הטקסט שבתוכו שהוא קיצור, או האלמנט strong שמצביע על כך שהטקסט שבתוכו צריך להיות '''חזק'''. בדפדפנים ויזואליים '''חזק''' הוא '''מודגש''', אך במקריאי מסך, ובדפדפנים לעוורים, '''חזק''' הוא '''בקול רם'''. לא בכל הדפדפנים
כאן נציג בפניכם 16 אלמנטים '''משמעותיים''' שרובם חולקים שלושה עיצובים בלבד! ('''מודגש''', ''נטוי'' ו<tt>רוחב אחיד</tt>) למרות שאין הבדל בין העיצוב של חלק מהתגים, יש הבדל חשוב במשמעות שלהם עבור משתמשים בעלי צרכים מיוחדים, מנועי חיפוש, ואפשרויות עתידיות ולכן השתמשו בהם(!) כשהם מתאימים במקום באלמנטים של עיצוב!
==[[XHTML10STRICT/abbr|abbr]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 22 ⟵ 24:
}}
==[[XHTML10STRICT/acronym|acronym]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 45 ⟵ 47:
}}
==[[XHTML10STRICT/address|address]]==
* אלמנט מסוג גוש.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 71 ⟵ 73:
}}
==[[XHTML10STRICT/blockquote|blockquote]]==
* אלמנט מסוג גוש.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 106 ⟵ 108:
==[[XHTML10STRICT/q|q]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 144 ⟵ 146:
==[[XHTML10STRICT/cite|cite]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 172 ⟵ 174:
}}
==[[XHTML10STRICT/code|code]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 202 ⟵ 204:
אם רוצים לכתוב קוד HTML שייראה למשתמש כקוד HTML יש להשתמש ב-[[HTML/יישויות|יישויות]] על מנת להציג פותח תג {{משמאל לימין||1=(&lt;)}} או להשתמש בתג pre.
==[[XHTML10STRICT/dfn|dfn]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 218 ⟵ 220:
}}
==[[XHTML10STRICT/em|em]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 233 ⟵ 235:
}}
==[[XHTML10STRICT/strong|strong]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
שורה 250 ⟵ 252:
*ניתן לומר ש-strong הוא הדגשה חזקה יותר מאשר em
==[[XHTML10STRICT/pre|pre]]==
* מאפיין נחוץ: '''xml:space''' עם ערך קבוע '''preserve'''! לא לשכוח!
* אלמנט מסוג גוש.
שורה 259 ⟵ 261:
{{קוד מקור||קוד=
<pre>
<pre xml:space="preserve">
שמירה על רווחים ומעברי שורה
כמו כן <b> תגים מסויימים </b> עדיין פעילים.
שורה 273 ⟵ 275:
}}
==[[XHTML10STRICT/kbd|kbd]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
* תוכן מסוג טקסט ושורה.
משמש לציין שאת התוכן יש להקליד במקלדת. בדרך כלל הביטוי העיצובי הוא שימוש בגופן רוחב אחיד.
{{קוד מקור||קוד=
<pre>
הקלד את שם המשתמש: <q><kbd>ישראל ישראלי</kbd></q>
</pre>
}}
{{פלט||1=
הקלד את שם המשתמש: "<tt>ישראל ישראלי</tt>"
}}
==[[XHTML10STRICT/samp|samp]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
* תוכן מסוג טקסט ושורה.
משמש לציין שהתוכן הוא דוגמה למשהו, או לציין תוכן בעל משמעות מיוחדת בטקסט. בדרך כלל הביטוי העיצובי הוא שימוש בגופן רוחב אחיד.
{{קוד מקור||קוד=
<pre>
כדאי לשלב דגנים וקטניות. דוגמה טובה לכך היא <samp>לחם וחומוס</samp>
</pre>
}}
{{פלט||1=
כדאי לשלב דגנים וקטניות. דוגמה טובה לכך היא <samp>לחם וחומוס</samp>
}}
==[[XHTML10STRICT/var|var]]==
* אלמנט מסוג שורה.
* מאפיינים כלליים (ליבה, שפה ואירוע).
* תוכן מסוג טקסט ושורה.
משמש לציין שהתוכן הוא משתנה בתוכנה (variable). ההשפעה העיצובית היא שימוש בגופן רוחב אחיד.
בדוגמה שלפניכם השתמשנו במאפיין השפה dir על מנת לציין לדפדפן שיש להציג את המשתנים משמאל לימין. המאפיין dir הוא חלק מהמאפיינים הכלליים.
{{קוד מקור||קוד=
<pre>
ב-PHP המשתנה <var dir="ltr">$_GET</var> הוא מערך שמכיל את כל השדות שנשלחו ב-get
והמשתנה <var dir="ltr">$_POST</var> הוא מערך שמכיל את כל השדות שנשלחו ב-post.
</pre>
}}
{{פלט||1=
ב-PHP המשתנה <var dir="ltr">$_GET</var> הוא מערך שמכיל את כל השדות שנשלחו ב-get והמשתנה <var dir="ltr">$_POST</var> הוא מערך שמכיל את כל השדות שנשלחו ב-post.
}}
==[[XHTML10STRICT/ins|ins]]==
* אלמנט מסוג גוש שורה משולב. (יכול להיות צאצא של שלושת קבוצות האבות).
* מאפיינים כלליים (ליבה, שפה ואירוע).
* תוכן מסוג טקסט, גוש ושורה.
משמש לציין שהתוכן הוכנס בהשוואה לגרסה קודמת של המסמך.
* המאפיין '''cite''' יכול להכיל קישור למסמך שמסביר מדוע הטקסט הוכנס.
* המאפיין '''datetime''' יכול להכיל את תאריך ההכנסה בפורמט YYYYMMDD.
{{קוד מקור||קוד=
<pre>
על מנת להדגיש טקסט יש להשתמש
<del datetime="20060514"
cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים b ו- i </del>
<ins datetime="20060514"
cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים em ו- strong</ins>.
</pre>
}}
{{פלט||1=
על מנת להדגיש טקסט יש להשתמש <del datetime="20060514" cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים b ו- i </del> <ins datetime="20060514" cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים em ו- strong</ins>.
}}
==[[XHTML10STRICT/del|del]]==
* אלמנט מסוג גוש שורה משולב. (יכול להיות צאצא של שלושת קבוצות האבות).
* מאפיינים כלליים (ליבה, שפה ואירוע).
* תוכן מסוג טקסט, גוש ושורה.
משמש לציין שהתוכן נמחק בהשוואה לגרסה קודמת של המסמך.
* המאפיין '''cite''' יכול להכיל קישור למסמך שמסביר מדוע הטקסט נמחק.
* המאפיין '''datetime''' יכול להכיל את תאריך המחיקה בפורמט YYYYMMDD.
{{קוד מקור||קוד=
<pre>
על מנת להדגיש טקסט יש להשתמש
<del datetime="20060514"
cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים b ו- i </del>
<ins datetime="20060514"
cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים em ו- strong</ins>.
</pre>
}}
{{פלט||1=
על מנת להדגיש טקסט יש להשתמש <del datetime="20060514" cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים b ו- i </del> <ins datetime="20060514" cite="http://he.wikibooks.org/w/index.php?title=HTML/טקסט#var"> באלמנטים em ו- strong</ins>.
}}
| |||