מחשבים, תכנות
איך להכניס קישור ב- HTML? יצירה ושימוש קישורים בתוך HTML
Hypertext הוא טקסט המכיל קישורים לטקסט אחר. דוגמאות לכך הן הערות של המחבר על הגדרות מורכבות או הערות תרגום בתחתיות דפי הספר, אם הוא נמצא טקסט בשפה זרה. אתרי אינטרנט הם מערכת מורכבת של היפרטקסט קופץ מעמוד אחד למשנהו בתוך הדף עצמו, אלא גם בין משאבים חד נושאים שאינם קשורים. מבנה כזה הוא מעשי, חוסך הרבה זמן, מאפשר את המבקר לאתר במהירות את המידע הדרוש לך, ולא ללכת לאיבוד מספר רב של מעברים.
קישור הכנס
ב- HTML כדי להכניס היפר באמצעות מתאר (תג) , אשר מוכנס במקום הנכון. בדרך כלל מדובר בקרב הטקסט בתור קישור כשלעצמו הוא מבנה טקסט. אבל הקישורים הם יותר גרפיקה (סמלים, כפתורים, תמונות); מן יידונו בהמשך. מיקומם על דף אינטרנט אינו מוגבל לטקסט, אבל תלוי באתר מקבל החלטות ועיצוב.
זוהי דוגמא של איך להכניס קישור אל-מסמך HTML אשר מתבצע על ידי תג. מבקרים באתר יראו טקסט עם קו תחתון כי הוא שונה מן הצבע של הטקסט שמסביב (כל דבר יכול להיות HTML-קישורים צבע), "לדף הבית של גוגל", על ידי לחיצה על זה, הוא יקבל את דף הבית, מנוע החיפוש "גוגל". יצוין כי הטקסט של הקישור יכיל מידע על איפה המעבר יבוצע. עיקרון זה צריך להיות מלווה ונלקח ככלל!
מבנה תג ...
ניתן להבחין כי תג - זוגות: תג הסגירה נדרש.
href - תכונה מציינת את היעד של קישור.
https://google.com/ - ערך תכונה, מצרף את כתובת ה- URL של משאב שעליו לבצע את המעבר. זה במרכאות כפולות או יחידות. זה תלוי במבנה של תג הקינון של כללי HTML.
המבנה כולו הוא אלמנט של מסמך אינטרנט.
על פי הכללים של HTML, אלמנטים מסוימים עלולים להכיל אלמנטים אחרים. תג אינו יוצא מן הכלל. אם המתכנת צריכה להדגיש את המילה המודגשת Google, אתה עושה זאת על ידי שימוש בתג על פי הכללים המקובלים של עיצוב טקסט ברצף של תגי מקוננות. Webmaster צריך לדעת כיצד ליצור היפר-קישור HTML נקי משגיאות, אחרת הם לא יעבדו. קישורים שבורים כדי סלנג מחשב בשם "מכות".
הנה: האלמנט
הוא מכיל מקוננות
עכשיו הדף שהמבקר רואה קישור בטקסט להדגיש את המילה "גוגל".
קישורים מוחלטים
היפר-קישורים המשתמשים URL כתובות המוחלטות של אתרים המכילות שמות דומיין (.ru, .com, .org, .gov ), שנקרא מוחלטים, ויש לי בתחביר הבא:
פרוטוקול: // שם תחום / נתיב הקובץ
דוגמא כתובת נפוצה במנוע חיפוש אמריקה: https://aol.com - מוחלט, שכן הוא מכיל את .com שם התחום.
קישורים מוחלטים משמשים כדי לנווט בין דפי אתרים אחרים או לגשת למשאבים ממוקמים בשרת אחר. המעבר מתבצע באמצעות פרוטוקול האינטרנט. פרוטוקולים - זה לא הנושא של המאמר הזה, אבל כמו שהם משתתפים ביצירת קישורים, אתה חייב לפחות בקצרה להזכיר להם:
- http ו- https - הנפוץ ביותר; עבורם לעבור בין דפי אינטרנט של אתרים שונים;
- ftp - פרוטוקול להעלאת קבצים לשרת או מוריד מוצר מהאתר;
- mailto - פרוטוקול הדואר ששולח דואר אלקטרוני ישירות מהאתר, מבלי לעבור אל הדואר האלקטרוני האישי.
ישנם כמה דיווחים למטרות מיוחדות (גופר, Telnet), הוא די נדיר, אשר השימוש בו דורש ידע מיוחד במינהל תכנות או מערכת.
היפר-קישורים יחסיים
עם קרוב משפחה פונה, השימוש היפר HTML המשמש מעברים בחיים ואינו להוביל מעבר זה. אם הדף הוא כל כך גדול שיוצא גלילה אנכית, לפעמים מאוד ארוך, כגון במילון, זה מאוד נוח ומתאים לשימוש בקישורים יחסיים כדי לקפוץ האות הרצויה.
יצירת מילון מקוון, מתכנת בתחילת העמוד יש את האלפבית, ואם לא לשימוש של הקישורים, המשתמש היה צריך זמן רב מאוד כדי לסובב את גלגל העכבר כדי להגיע האות "I".
כדי ליצור קישור יחסי שימוש בתג מאפיין שם:
איפה יה נקרא עוגן, תוך חזרה את המכתב ואני - יעד עוגן. עבור להצגה נכונה של עוגנים מומלץ להשתמש אותיות ומספרים, אז אל תכתוב "אני", למרות שזה היה מובן.
כעת המעבר מן האלפבית בתחילת הדף את האות "I", יש צורך להפוך את PEG העוגן-מסמך HTML, שמתחיל באות "אני":
מול העוגן עומד סימן סולמית, שבלעדיו מעבר המכתב לא יעבוד.
פונה יחסית בעת בניית אתר אינטרנט
נוח האלגוריתם הנפוץ ביותר עבור יצירת אתר תוכנה:
- צור תיקייה במחשב ומיקומו באתר לנוחיות גישה מהירה;
- יצירת index.html בתיקייה של דף הבית;
- יצירת דף אינטרנט המשני (index.html / page2);
- צור תיקייה ואת הצבתו של קבצי תמונה;
- צור תיקייה ואת הצבתו אובייקטים אחרים (קבצים להורדה, למשל);
- מילוי של תוכן האתר;
- צבת האתר על האירוח של קבצים.
יש בהכרח לשמש קישורי תקשורת בין רכיבי האתר, ויהיה מאוד שימושי לדעת איך להכניס קישור ב- HTML לדף אחר של אותו האתר. אם האתר מתגורר באותה הספרייה על אותו השרת, אין צורך להשתמש פונה מוחלטת. בעת העברת קבצים אל האתר המארח את הקשר בין חפצים להישאר, משום שהם מארחים והיא תבוצע באותה ספרייה.
נניח מתכנת יצר אתר index.html דף הבית, שבו יש קישור page2.html לדף אחר, מעוטרת בתמונתו img.png. ואז את הנתיב היחסי של התמונה ייראה כך:
טיפ: בחקר הנושא הזה עדיף להשתמש בעורך טקסט פשוט מהסיבה כי יש צורך לרכוש בקיאות את האיות הנכונה של כתובות מעבר, וכדי ללמוד להבין מישהו קוד אחר. בשלב זה יהיה תוצאה טובה בלי כתוב שגיאת קישור במחברת, HTML אינו סולח להם, והוא נותן שגיאה.
שיטות לוחצות על קישור
כברירת מחדל, דף חדש נפתח בחלון הנוכחי הדפדפן כאשר משתמש לוחץ על הקישור. אבל מתכנת אינטרנט יכול לשנות את ברירת המחדל ולאלץ לפתוח את הדף, למשל, בחלון חדש. לשם כך קיימת תכונת יעד עם הערך שלו מסוים. בשום מקום לא ניתן לבטא את השולחן.
| _blank | פותח את הדף בחלון דפדפן חדש |
| _עצמי | פותח את הדף בחלון הנוכחי (הגדרת ברירת המחדל) |
| _אב | פותח את הדף במסגרת ההורה |
| _עליון | באמצעות מסגרות לבטל את כולם ופותח את הדף בחלון הדפדפן הנוכחי |
התחביר החל תכונות למקד:
הבית "גוגל" תיפתח בחלון חדש.
הערה: כדי לפתוח את הדף בלשונית חדשה, אין ערך למאפיין הזה, והוא מוגדר על ידי המשתמש בהגדרות הדפדפן.
הצבע של קישורים
משתמש אינטרנט מנוסה לאורך זמן, צריך לשים לב אליו כי הקישורים שונים בצבע מהטקסט שמסביב, והם בדרך כלל כחולים. קישורים שעליו עברו, ולאחר מכן חזרו אל הדף הקודם, לילך. באמצעות היפר-קישורים HTML בצבעים שאינם סטנדרטיים קצת, אבל מקצה באתר בין היתר.
מגדיר את צבע הקישורים
באמצעות התכונות והערכים שלהם, המשמש צבע HTML במערכת RGB (# 00FF00) או עם אינדיקציה ישירה של שם הצבע ( «ירוק»). ישנם שלושה סוגים של תכונות עבור קישורים:- קישור - מגדיר את צבע הקישורים unvisited;
- vlink - מציין את הצבע של הקישורים שדרכו שהמשתמש כבר עבר;
- alink - מציין את הצבע של הקישור בעת מעבר לדף אחר. הוא מהיר, כך שאתה לא יכול תמיד לתפוס את האפקט הזה.
סימון דוגמה:
אם תחיל תכונות אלה התג
, ההתייחסות של מסמך האינטרנט תהיה כחולה כהה, ביקר - סגול פעיל - כתום-אדום.קישורים גרפיים
התקדמות והתפתחות עיצוב אתרים דורשים לדעת כיצד להוסיף קישור ב- HTML כתמונה. ברור כי התמונה חייבת להתאים את התוכן של דף היעד. לדוגמא, בדף הראשי של צמחי המרפא יכול להיות מוצג בצורה של תמונות של צמחים, לחיצה על זה, המשתמש לעבור לדף המתאר את התכונות הרפואיות של צמחים.
נרחב דרך להשתמש בו כדי להחליף כפתורי סטטי () על הגרפיקה היפה נוצרה על ידי מעצב אתרים ב העורך הגרפי (GIMP, Photoshop).
להוספה גרפית כמו קישורים בדפי האתר משתמשים באותו תחביר, אבל במקום טקסט באמצעות תג תמונה על ידי החדרה הכללית HTML:
עד התג באותו אופן תכונות החלימו לציין טקסט, רוחב אלטרנטיבי, גובה, ועוד.
שיחות מהאתר
HTML5 סטנדרטי הרחיבה את הפונקציונליות של השימוש באינטרנט, ועכשיו אתה יכול לבצע שיחות לא רק מהטלפון, אלא ישירות מהאתר. לשם כך, אתה יכול גם להשתמש קישורים בתוך מסמך HTML, ויש להם בתחביר הבא:
במקום המילה "מפלגה" רושם קשר המתקשר אינטואיטיבי בספר הטלפונים. ניתן גם למקם קובץ גרפי (תמונת משתמש).
שיחות שנעשו לאתר, אתה חייב להיות לא רק התייחסות למספר הטלפון של המנוי, אלא גם באוזניות (מיקרופון, אוזניות) מותקנות על-תכנית VoIP המחשב, מהירויות אינטרנט תעלינה 0.5 MB / sec. תשלום עבור שיחות שבוצעו זרימת התנועה. לכן, אם האינטרנט הוא בלתי מוגבל, השיחות הן ללא תשלום.
אתיקה ליצור קישורים
על ידי הצבת האתר באינטרנט, מנהל האתר צריך לדעת אילו סוגים קיימים קישורים ב- HTML, ולא רק את הזכות להשתמש בהם באופן מקצועי, אבל גם לדבוק בהוראות הבאות:
- הקישור חייב להיות גלוי בקלות, שונה מטקסט שסביבה. המשתמש חייב לדעת שזה - קישור.
- המשתמש צריך להיות ברור איפה הוא יקבל על ידי לחיצה על הקישור. לשם כך, מומלץ להשתמש בתואר תכונה יותר, אשר מתאר את דף ההמרה באופן תמציתי. תחביר של מאפיין אפליקציה הוא:
- המשתמש חייב לקבל מידע מדויק על הקובץ יורדו כאשר תלחץ על הקישור.
ברגע אינו דף הצפוי או על ידי הורדת הקובץ הלא נכון, המשתמש הוא 99% של לעזוב את האתר לאלתר ולא על זה לא לרדת בעתיד.
Anti-Seo ליצור קישורים
בנוסף לצד הטכני של השאלה של איך להכניס קישור ב- HTML, צריך להיות מודגש היבט יותר ומוסרית. ישנם אתרי אינטרנט רבים כדי שהגישה אליו חסומה למשתמשים תוכנת האבטחה (אנטי וירוס), או אפילו המדינה. אלו הם האתרים אשר נוצרו מצד מתכנתי אינטרנט הטמא.
אחד הטריקים שאליו הם פונים - הוא להכניס הקישור "בלתי נראה" על דף אינטרנט. רמאים יודעים איך ליצור קישור ב- HTML, ולהשתמש בתכונה התחתונה להסיר קישורים ולהקצות לו את הצבע של טקסט שמסביב כך שהמשתמש הממוצע לא רואה אותה. וזה בעזרת כלים וטכנולוגיות אינטרנט אחרים (CSS, JavaScript, PHP) ניתן לתכנת את התנהגותם. לדוגמא, במקרה שפת JavaScript onmouseover מפעיל את האפקט של אלמנטים בדף האינטרנט. כאשר המשתמש מחזיק את הסמן קשר בלתי נראה, הוא יגיע לעמודים פרסום של אתרים אחרים. או אפילו יותר גרוע, כאשר מקיים קשר בלתי נראה לקובץ על המחשב שלו ומתחיל הורדה והתקנת תוכנה מיותרת. בדרך כלל, וירוס ששינה בית בדפדפן, שמזהם את הדיסק הקשיח ותוכניות המוניות אחרים.
בקרוב אתרים כאלה ליפול לתוך "רשימה שחורה" של מסד הנתונים וירוס, אבטחה ואיכות הסביבה של משתמשי אינטרנט. אתרים מסוג זה לא נמשך זמן רב, והם צריכים לשנות את שמם כדי להעביר בלי סוף באינטרנט, שינוי ספק המארח. שיטה זו אינה תורמת לקידום אתר, כדי שתמיד מבקש היוצר שלה, מעולם לא להפוך אותו megaportals, כגון, למשל, רשתות חברתיות. בין היתר, טריקים אלה לגרום הרבה רגשות שליליים קורבנות פעולות אנושיות אלה.
Similar articles
Trending Now