מהן שפות סימון? - עיצוב אתרים

כשאתה מתחיל לחקור את העולם של עיצוב אתרים, ללא ספק יתוודעו לכם מספר מילים וביטויים חדשים עבורכם. אחד המונחים שכנראה תשמע הוא "סימון" או אולי "שפת סימון". במה שונה "סימון" מ"קוד "ומדוע נראה שאנשי מקצוע ברשת משתמשים במונחים אלה בערבוביה? נתחיל במבט מהי בדיוק "שפת סימון".

דוגמה זו היא פסקת HTML. הוא מורכב מתג פתיחה (

), תג סגירה (

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

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

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

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

בואו נסתכל על 3 שפות סימון

כמעט כל ראשי תיבות באינטרנט שיש בהם "ML" הם "שפת סימון" (הפתעה גדולה, זה מה ש- "ML" מייצג). שפות סימון הן אבני הבניין המשמשות ליצירת דפי אינטרנט או בכל הצורות והגדלים.

במציאות, יש הרבה שפות סימון שונות בעולם. לעיצוב ופיתוח אתרים, ישנן שלוש שפות סימון ספציפיות שסביר להניח שתיתקל בהן. אלה הם HTML, XML ו- XHTML.

מהי שפת סימון?

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

<

ו.

>

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

HTML - שפת הסימון של HyperText

שפת הסימון HTML או HyperText היא השפה העיקרית באינטרנט והשפה הנפוצה ביותר שתעבוד איתה כמעצבת / מפתחת אתרים. למעשה, זו עשויה להיות שפת הסימון היחידה בה אתה משתמש בעבודתך.

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

HTML היא שפת סימון סטנדרטית מוגדרת. זה מבוסס על SGML (שפת סימון כללית רגילה). זו שפה המשתמשת בתגים כדי להגדיר את מבנה הטקסט שלך. אלמנטים ותגים מוגדרים על ידי התווים .

בעוד ש- HTML היא ללא ספק שפת הסימון הפופולרית ביותר הנהוגה כיום באינטרנט, היא אינה הבחירה היחידה לפיתוח אתרים. ככל ש- HTML פותח, הוא הסתבך יותר ויותר ותווי הסגנון והתוכן שולבו לשפה אחת. בסופו של דבר, ה- W3C החליט שיש צורך בהפרדה בין הסגנון של דף אינטרנט לתוכן. תג המגדיר את התוכן לבדו יישאר ב- HTML ואילו תגים המגדירים סגנון הוצאו משימוש לטובת CSS (Cascading Style Sheets).

הגרסה החדשה והממוספרת ביותר של HTML היא HTML5. גרסה זו הוסיפה תכונות נוספות ל- HTML והסירה חלק מההקפדה שהוטל על ידי XHTML (עוד על שפה זו בקרוב).

הדרך בה שחרור ה- HTML שונתה עם עליית ה- HTML5. כיום מתווספות תכונות ושינויים חדשים מבלי שתהיה צורך להוציא גרסה חדשה וממוספרת. הגרסה האחרונה של השפה מכונה פשוט "HTML".

XML - שפת סימון eXtensible

שפת הסימון eXtensible היא השפה שעליה מבוססת גרסה אחרת של HTML. כמו HTML, XML מבוסס גם על SGML. זה פחות קפדני מ- SGML וקפדני יותר מ- HTML רגיל. XML מספק את הרחבה ליצירת שפות שונות.

XML היא שפה לכתיבת שפות סימון. לדוגמה, אם אתה עובד על גנאלוגיה, אתה יכול ליצור תגים באמצעות XML כדי להגדיר את האב, האם, הבת והבן ב- XML ​​שלך כך:. ישנן גם מספר שפות סטנדרטיות שנוצרו כבר עם XML: MathML להגדרת מתמטיקה, SMIL לעבודה עם מולטימדיה, XHTML ורבים אחרים.

XHTML - שפת סימון HyperText eXtended

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

אין הרבה הבדלים עיקריים בין HTML ו- XHTML, אך הנה מה שתבחין:

• XHTML כתוב באותיות קטנות. בזמן תגי HTML ניתן לכתוב באותיות רישיות, אותיות MiXeD או אותיות קטנות, כדי להיות נכונים, תגי XHTML חייבים להיות קטנים ואותיים. (אנשי מקצוע רבים ברשת כותבים HTML בכל אותיות קטנות, למרות שזה לא נדרש טכנית).
  • על כל רכיבי ה- XHTML לכלול תגית סיום. אלמנטים עם תג אחד בלבד, כגון וצריכים קו נטוי (/) בסוף התג:
• יש לצטט את כל המאפיינים ב- XHTML. יש אנשים שמסירים את הציטוטים סביב המאפיינים כדי לחסוך מקום, אך הם נדרשים לצורך XHTML נכון.
• XHTML דורש שהתגים מקוננים כהלכה. אם אתה פותח מודגש () אלמנט ואז נטוי (), עליך לסגור את אלמנט הנטוי () לפני שאתה סוגר את המודגש (). (שימו לב ששני האלמנטים הללו הוצאו משימוש מכיוון שהם אלמנטים חזותיים. HTML משתמש כעת ו במקום שני אלה).
• תכונות HTML חייבות לכלול שם וערך. יש להכריז על תכונות שהן עצמאיות ב- HTML גם עם ערכים, למשל, מאפיין HR ייכתב noshade = "noshade".