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

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

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

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

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

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

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

לדוגמה:

זוהי פסקה של טקסט שנכתב ב- HTML

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

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

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

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

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

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

שפת סימון HTML-HyperText

HTML או HyperText Markup Language היא השפה העיקרית של האינטרנט, והשפה הנפוצה ביותר שתעבוד בה כמעצבת / מפתחת אינטרנט.

למעשה, היא עשויה להיות שפת הסימון היחידה שבה אתה משתמש בעבודתך.

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

HTML היא שפת סימון סטנדרטית מוגדרת. הוא מבוסס על SGML (Standard Standard Language Markup Language).

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

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

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

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

XML-extensible Markup Language

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

XML היא שפה לכתיבת שפות סימון. לדוגמה, אם אתה עובד על גנאלוגיה, תוכל ליצור תגים באמצעות XML כדי להגדיר את האב, האם, הבת והבן ב- XML ​​שלך כך: <<> <<<<<<> <

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

XHTML- HyperText מודגש שפת סימון

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

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

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

  / >
  / >

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

מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'יררד ב -7.5.17.