דפי האינטרנט שאתה מבקר ברשת בנויים באמצעות HTML קוד המספר לדפדפני האינטרנט מהו תוכן הדף וכיצד ניתן לעבד אותו באופן חזותי לצופים. הקוד מכיל אבני בניין הדרכות המכונות אלמנטים, אשר צופה בדפי האינטרנט לעולם אינו רואה. הקוד מכיל גם תווי טקסט רגילים כמו אלה שבכותרות ובפסקאות המיועדות לקריאת הצופה.
תפקיד הדמויות המיוחדות ב- HTML
כאשר אתה משתמש ב- HTML ומקליד את הטקסט המיועד לצפייה, בדרך כלל אינך זקוק לשום קודים מיוחדים - אתה משתמש רק במקלדת המחשב שלך כדי להוסיף את האותיות או התווים המתאימים. בעיה מתעוררת כשרוצים להקליד תו בטקסט הקריא ש- HTML משתמש בו כחלק מהקוד עצמו. דמויות אלה כוללות את < ו > תווים המשמשים בקוד כדי להתחיל ולסיים כל תג HTML. ייתכן שתרצה גם לכלול טקסטים שאין להם אנלוגי ישיר במקלדת, כגון © ו Ñ. עבור תווים שאין להם מקש במקלדת, הזן קוד.
תווים מיוחדים הם חלקים ספציפיים של קוד HTML שנועדו להציג תווים בהם משתמשים את קוד ה- HTML או כדי לכלול תווים שלא נמצאים במקלדת בטקסט הצופה רואה. HTML מעבד תווים מיוחדים אלה עם קידוד מספרי או קידוד תווים, כך שהם יכולים להיכלל בתו מסמך HTML, נקרא על ידי הדפדפן ומוצג כראוי למבקרי האתר שלך לראות.
יש שלוש תווים בבסיס התחביר של קוד ה- HTML. לעולם אל תשתמש בהם בחלקים הקריאים של דף האינטרנט שלך מבלי לקודד אותם תחילה לתצוגה נכונה. הם הסמלים הגדולים, הפחות, והסמליים. במילים אחרות, לעולם אל תשתמש בסמל הפחות < בקוד ה- HTML שלך אלא אם כן הוא התחלה של תג HTML. אם כן, הדמות מבלבלת בין הדפדפנים, והדפים שלך עשויים שלא להופיע כפי שציפית. שלושת התווים שלעולם אסור להוסיף ללא קידוד הם:
- פחות מאשר סימן <
- סימן גדול יותר >
- אמפרסנד &
כאשר אתה מקליד תווים אלה ישירות בקוד ה- HTML שלך - אלא אם כן אתה משתמש בהם כאלמנטים בקוד - הקלד את הקידוד עבורם, כך שהם יופיעו כהלכה בטקסט הקריא:
- פחות מאשר סימן - <
- סימן גדול יותר - >
- אמפרסנד - &
כל דמות מיוחדת מתחילה בסימן אמפרסנד - אפילו הדמות המיוחדת לאמפרסנד מתחילה בדמות זו. תווים מיוחדים מסתיימים בנקודה-פסיק. בין שתי הדמויות הללו, אתה מוסיף את מה שמתאים לדמות המיוחדת שברצונך להוסיף. לט (ל פחות מ) יוצר את הסמל הנמוך מ- כאשר הוא מופיע בין התו-סימן לבין נקודה-פסיק ב- HTML. בדומה לכך, gt יוצר את הסמל הגדול מ- ו מגבר מניב אמפרסנד כאשר הם ממוקמים בין אמפרסנד ונקודה-פסיק.
תווים מיוחדים שלא תוכלו להקליד
כל תו שניתן לעבד בערכת התווים הסטנדרטית לטינית -1 ניתן לעבד אותו ב- HTML. אם זה לא מופיע במקלדת שלך, אתה משתמש בסמל אמפרסנד עם הקוד הייחודי שהוקצה לדמות ואחריו נקודה-פסיק.
לדוגמה, "הקוד הידידותי" עבור ה- סימן זכויות יוצרים הוא © ו- ™ הוא הקוד לסמל הסימן המסחרי.
קוד ידידותי זה קל להקליד וקל לזכור, אך יש הרבה דמויות שאין להן קוד ידידותי שקל לזכור.
לכל תו שניתן להקליד על המסך יש קוד מספרי עשרוני תואם. אתה יכול להשתמש בקוד המספרי הזה כדי להציג כל תו. לדוגמה, הקוד המספרי העשרוני לסמל זכויות היוצרים - © - מדגים כיצד קודים מספריים עובדים. הם עדיין מתחילים בסמל-סימן ומסתיימים בנקודה-פסיק, אך במקום טקסט ידידותי, אתה משתמש בסימן המספרים ואחריו קוד מספר ייחודי לדמות זו.
קל לזכור את הקודים הידידותיים, אך לעתים קרובות הקודים המספריים אמינים יותר. אתרים הבנויים עם בסיסי נתונים ו XML יכול להיות שלא מוגדרים כל הקודים הידידותיים, אך הם תומכים בקודים המספריים.
הדרך הטובה ביותר למצוא את הקודים המספריים של תווים היא בערכות תווים שתוכלו למצוא ברשת. כשאתה מוצא את הסמל שאתה צריך, פשוט העתק והדבק את הקוד המספרי ב- HTML שלך.
ערכות תווים מסוימות כוללות:
- קודי מטבע
- קודים מתמטיים
- קודי פיסוק
- קודי הגייה
- קודי דיאקריטיקה
דמויות בשפה שאינה אנגלית
תווים מיוחדים אינם מוגבלים לשפה האנגלית. תווים מיוחדים בשפות שאינן אנגלית יכולים לבוא לידי ביטוי ב- HTML כולל:
- ספרדית
- צָרְפָתִית
- יווני
- רומנית
אז מה הם קודים הקסדצימליים?
קוד הקסדצימלי הוא פורמט חלופי להצגת תווים מיוחדים בקוד HTML. אתה יכול להשתמש בשיטה שאתה רוצה לדף האינטרנט שלך. אתה מחפש אותם בערכות תווים באינטרנט ומשתמש בהם באותו אופן שבו אתה משתמש בקודים ידידותיים או בקודים מספריים.
הוסף את הצהרת Unicode לראש המסמך שלך
הוסף את תג המטא הבא בכל מקום בתוך ה-.
content = "text / html; charset = utf-8 "/>טיפים
לא משנה באיזו שיטה אתה משתמש, זכור כמה שיטות עבודה מומלצות:
תמיד סיים את היישות שלך עם נקודה-פסיק
עורכי HTML מסוימים מאפשרים לך לפרסם קודי HTML ללא נקודה-פסיק הסופי, אך הדפים שלך לא יהיו תקפים, ודפדפני אינטרנט רבים לא יציגו את הישויות כהלכה בלעדיו.
התחל תמיד עם סימן-אות
עורכי אתרים רבים מאפשרים לך לחמוק מהשמטת "amp;" אבל כשאתה מציג אמפרסנד לבד ב XHTML, זה גורם לשגיאת אימות.
בדוק את הדפים שלך בכמה שיותר דפדפנים
אם הדמות חשובה להבנת המסמך שלך ואינך יכול לבדוק אותו בשילובי הדפדפן / מערכת ההפעלה בהם הלקוחות שלך משתמשים, עליך למצוא דרך אחרת לייצג אותו. עם זאת, לפני שתפנה לתמונות או משהו אחר, נסה את אחד מכלי בדיקת הדפדפנים שיכולים לאמת את הקוד שלך במספר דפדפנים.