XHTML: קידוד אינטרנט לעיצוב מעודן

• אַפּרִיל 24, 2024

XHTML 1.0 ו 1.1 עומדים על Eאיקסמתיחה חyperטשלוחה Mארכוב ללשון ולייצג קפיצת מדרגה ענקית מ- HTML 4.0. הם משלבים את מיטב HTML 4.0 עם XML כדי להעניק למעצב סכמת קידוד מתוחכמת יותר לעיצוב אתרים מעודן ומכריע יותר.

W3C, הורים לכל שפות ה- HTML, תיאר את XHTML 1.0 כ"השינוי העיקרי הראשון ל- HTML מאז שיצא HTML 4.0 בשנת 1997. הוא מביא את הקפדנות של XML לדפי אינטרנט והוא המהווה את אבן המפתח בעבודתו של W3C ליצירת סטנדרטים המספקים דפי אינטרנט עשירים יותר במגוון הולך וגדל של פלטפורמות דפדפנים, כולל טלפונים סלולריים, טלוויזיות, מכוניות, תקשורת אלחוטית בגודל ארנק, קיוסקים ושולחנות עבודה. "

וריאציות XHTML

שלושה סוגים שונים של XHTML זמינים כדי לענות על הצרכים של כל מעצבי הרשת. אלה כוללים XHTML קפדני, מעבר ומסגרות.

XHTML 1.0 קפדני - הצורה הטהורה ביותר עבור מעצבי אתרים מנוסים. גרסאות אלה מאפשרות לך ליצור קוד נקי חורק, מבלי שתצטרך להכניס קוד פריסה (גופן, צבע, פריסה) בכל המסמך. במקום זאת, תשלב בהתחלה קוד גיליון סגנון מדורגים (CSS).

XHTML 1.0 מעבר - אמצע של פורמט קוד הדרך כדי לעזור למעצבים הזקוקים לזמן ללמוד אמצעי קידוד חדש זה, או שמעוניינים להכיל צופים שעדיין משתמשים בדפדפני אינטרנט ישנים. משתמשים בסדיני סגנון אך משולבים גם קוד HTML ישן וטוב. לדוגמא, תג הגוף כולל עדיין את התכונות bgcolor, טקסט, קישורים, קישורים.

מערך מסגרות XHTML 1.0 - וריאציה זו מסבירה את עצמה - אתה משתמש בה כשאתה רוצה לשלב XHTML במסמך מבוסס מסגרת.

עוד גרסה מתקדמת יותר, XHTML 1.1 מאפשר להוסיף קוד מודולרי לצורכי קידוד בינלאומיים ואחרים. מודולי RUBY משולבים במטרה להקל על קידוד נוסף זה. השינוי המשמעותי היחיד ב- XHTML 1.1 הוא ניתוק הנתונים מהמצגת. העיצוב אינו מוטמע עוד בנתונים וניתן להשיג אותו רק על ידי הפניה לגיליונות סגנון מדורגים (CSS). זה מותיר נתונים זמינים לניתוח קל לשימוש ושימוש חוזר על ידי מגוון רחב של מוצרים חדשים ויישומי נגישות שאינם שולחניים.

לסדר את ה- HTML שלך

Dave Raggett ו- Source Forge של W3C מציעים כיום כלי נהדר בקוד פתוח, HTML מסודר למעצבים שרוצים להמיר את מסמכי ה- HTML הנוכחיים שלהם ל- XHTML (ולסדר את הקוד שלהם בתהליך). כלי שימושי זה יעזור לקוד שלך להאיר על ידי ביצוע כל המשימות המועילות הללו:

• תגי סיום חסרים או לא מתאימים מתגלים ומתוקנים


• תגיות הסיום בסדר הלא נכון מתוקנות


• פותר בעיות עם הדגשת הכותרת


• מתאושש מתגיות מעורבבות


• הוספת הקו החסר בתגיות הסיום עבור עוגנים


• שלמות רשימות על ידי הכנסת תגיות חסרות


• נוסף ציטוטים סביב ערכי המאפיין


• מדווחים תכונות לא ידועות / קנייניות


• אלמנטים קנייניים מוכרים ומדווחים ככאלה


• מוצגים תגים חסרי סוגר סיום


• מחליף את קוד הפריסה העודף בתכונות וכללי הסגנון באמצעות CSS


• מוחק את רכיבי הפסקה והכותרת הריקים

הניטי גריטי

אחד ה"כללים "העיקריים בעת השימוש ב- XHTML הוא שהקוד חייב להיות נקי ומלא.

• לכל האלמנטים חייבים להיות תגי סגירה, ולקנן כמו שצריך.


• יש לכתוב את כל התגים באותיות קטנות - XML ​​הוא תלויי רישיות.


• יש לכלול תגי סיום עבור את כל אלמנטים


• כל התכונות חייבות להיות בציטוטים למשל. רוחב, colspan, rowpanan


• אלמנטים ריקים חייבים להכיל תג סיום

יד עוזרת

מרגישים המומים מלימוד עוד פורמט HTML? העזרה בהישג יד, אם כן. XStandard הוא עורך קוד WYSIWYG שעוזר לך לכתוב קוד XHTML טהור ונקי ב- XHTML 1.0 Strict או XHTML 1.1. היוצרים מתארים תוכנה זו כ"עורך WYSIWYG המתקדם ביותר, מבוסס הסטנדרטים הקיימים בשוק. זה אידיאלי לכל מערכת ניהול תוכן מבוססת חלונות או דפדפן התומכת ב- ActiveX. XStandard מנהל תוכן עשיר בכל שפה, בעל תכונות נגישות חזקות. , ותומך באפשרויות עריכה פופולריות כולל טבלאות, עטיפת טקסט סביב תמונות וגרירה ושחרור של קבצים בעורך. " התוכנה מגיעה בגרסת XStandard Lite בחינם ובגרסת XStandard Pro מגוונת יותר.

אם אתה רוצה שהאתר שלך יעבוד היטב בדפדפני היום ובמכשירים לא מסורתיים, ושימשיך לעבוד טוב גם במחר, כדאי לרשום אתרים חדשים ב- XHTML ולהמיר דפים ישנים ל- XHTML ככל שתזמון העבודה שלך מאפשר. כמובן, זה לא הסוף! כבר עכשיו נעשה עבודה ליצירת XHTML 2.0. המהלך הוא להתמקד אך ורק במבנה ולא בתאימות לאחור. תוכלו לקרוא על הצורה החדשה ביותר הזו של XHTML באתר IBM במאמר שלהם, עתיד האינטרנט: XHTML 2.0.

סדרת מאמרים עם הדגשת HTML

חלק 1: האם מעצב אמין צריך לדעת HTML?
חלק 2: HTML 3.2 - הולדת וילבר
חלק 3: HTML 4.0 ו- 4.01 - עוד דבר טוב!
חלק 4: XHTML: קידוד אינטרנט לעיצוב מעודן
חלק 5: DHTML: קידוד אינטרנט דינמי

הוראות וידאו: איך בונים אתר - קידוד אתר (אַפּרִיל 2024).