- הקוד חייב להיות מקונן. הקוד ב- XHTML חייב להיות מקונן בצורה מסודרת. כל תגית תיסגר בתור שלה, ולא באנרכיה.
- הקוד חייב להיות מסודר. כל עמוד חייב להכיל את שלושת התגיות HTML, HEAD, BODY, ועל התגיות להיות כתובות בצורה מסודרת ומקוננת.
- הקוד חייב להיות באותיות קטנות (lowercase). שפת XHTML רגישה לאותיות גדולות/קטנות (case-sensitive). כך למשל התגית "<BR>" שונה מ-"<br>". לפיכך נקבע שכל שמות התגים חייבים להיכתב באותיות קטנות (lowercase).
- כל תגית חייבת להיסגר. כל התגיות ב-XHTML חייבות להיסגר. ישנן תגיות חריגות כמו <br>, <img> ו-<hr> שאין להם תג סוגר. גם תגיות אלו חייבות להיסגר ע"י </ . לדוגמא:
Here comes a horizontal rule:<hr />
Here's an image <img src="happy.gif" alt="Happy face" />
| הערה: הרווח שבא לפני ה-"/" הכרחי ע"מ שהדפדפנים שאינם תומכים ב-XHTML לא יחזירו שגיאה (כשיש רווח הם פשוט לא יבינו מזה ה-"/" – ויתעלמו). |
- מאפייני התגים, גם הם, חייבים להיות באותיות קטנות (lowercase). כמו שכבר בטח שמתם לב - כל מה שהוא קוד - צריך להיות כתוב באותיות קטנות.כמובן שאת הטקסט שיוצג בדפדפן ניתן לכתוב חופשי באיזה אותיות שתיבחרו, אך שמות התגיות והמאפיינים שלהם והערכים שם המאפיינים שלהם - הכל חייב להיות כתוב באותיות קטנות (lowercase).
- הערכים של המאפיינים חייבים להיות בתוך מירכאות. לדוגמא:
<table width="100%">
- המאפיינים חייבים להיות בתבנית: מאפיין="ערך". הנה רשימה של כל המאפיינים שקיצרנו עד היום, עם הצורה שהם צריכים להיכתב ב-XHTML:
compact --> compact="compact"
checked --> checked="checked"
declare --> declare="declare"
readonly --> readonly="readonly"
disabled --> disabled="disabled"
selected --> selected="selected"
defer --> defer="defer"
ismap --> ismap="ismap"
nohref --> nohref="nohref"
noshade --> noshade="noshade"
nowrap --> nowrap="nowrap"
multiple --> multiple="multiple"
noresize --> noresize="noresize"
- המאפיין ID מחליף את המאפיין NAME. ב-HTML לחלק מהתגים היו קוראים בשם ע"י NAME ולחלק ע"י ID. ב-XHTML המאפיין NAME אינו קיים עוד. כל התגים מקבלים שמות עם המאפיין ID.
| הערה: מאחר וישנם עדיין דפדפנים ברחבי העולם שלחלק מהתגיות מחפשים את השם בתוך NAME ולא ID, כתקופת מעבר ועד שכל הדפדפנים יתמכו בתקן החדש, מומלץ לכתוב גם NAME וגם ID, בתגים שנקראו בעבר בשם באמצעות המאפייןNAME (a, applet, frame, iframe, img, map). |
- המאפיין "LANG". ב- XHTML המאפיין lang (language_code) קיים כמעט בכל התגיות. אם אתם משתמשים במאפיין lang, אתם חייבים להוסיף את המאפיין xml:lang.
<div lang="no" xml:lang="no">Ronen Manoach</div>
- הגדרת עמוד כ-XHTML. עמוד XHTML חייב להכיל DOCTYPE. ה-DOCTYPE הוא בעצם ההגדרה שהעמוד הוא מסוג XHTML. ה-DOCTYPE אינו נחשב כתגית בעמוד, אינו צריך תג סוגר. כשמוגדר DOCTYPE (והוא כמובן חייב להיות מוגדר) - חייבם להופיע בעמוד התגיות ההכרחיות: HTML, HEAD, BODY, כשהתגית TITLE נמצאת בתוך ה-HEAD בצורה מקוננת.ה-DOCTYPE בעצם מגדיר את סוג הקוד שבעמוד (הוא הכרחי, אגב, גם ב-HTML תיקני, אך לא ניכנס לזה כאן), כאשר ב-XHTML יש לו 3 סוגים מוגדרים:
עמוד XHTML נוקשה (Strict):
נשתמש ב-strict רק כשנרצה קוד נקי לחלוטין המשתמש ב-CSS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
עמוד XHTML מעבר (Transitional):
השימוש ב-Transitional נעשה בעיקר במעבר בין HTML ל-XHTML. במצב זה אנו לא מחויבים להשתמש ב-CSS, ובכך האתר שלנו יכול לתמוך גם בדפדפנים שלא תומכים ב- CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
עמוד XHTML פריימסט (Frameset):
בעמוד בו אנחנו רק מחלקים את הדפדפן לכמה חלקים באמצעות frameset ואין לנו קוד מעבר לכך, נשתמש ב-"Frameset".
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
כל אחד משלושת הסוגים האלה הוא בעצם (DTD (Document Type Defenition.
ה-DTD הוא אוסף חוקים שעל-פיהם רץ העמוד. בתוכו מוגדרים חוקי ה-XHTML (מעיין אוסף חוקים שהקוד חייב להיות כתוב לפיהם).
► הקודם הבא ◄
רשומות
אין תגובות:
הוסף רשומת תגובה
שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.