Υπολογιστές, Προγραμματισμός
Πώς να εισάγετε μια υπερ-σύνδεση σε HTML; Δημιουργία και χρήση υπερ-συνδέσεις σε HTML
Hypertext είναι ένα κείμενο που περιέχει συνδέσμους προς άλλους κείμενο. Παραδείγματα είναι σημειώσεις του συγγραφέα στο συγκρότημα ορισμών ή τη μετάφραση υποσημειώσεις στο κάτω μέρος των σελίδων του βιβλίου, εάν διαπιστωθεί κείμενο σε ξένη γλώσσα. ιστοσελίδες του Διαδικτύου είναι ένα πολύπλοκο σύστημα hypertext πηδάει από τη μία σελίδα στην άλλη μέσα στην ίδια την σελίδα, αλλά και μεταξύ μη συνδεδεμένων ενιαίο θέμα πόρων. Μια τέτοια δομή είναι πρακτικό, εξοικονομεί πολύ χρόνο, επιτρέπει στον επισκέπτη να βρείτε γρήγορα τις πληροφορίες που χρειάζεστε, και να μην χαθείτε σε ένα μεγάλο αριθμό των μεταβάσεων.
Εισαγωγή υπερ-σύνδεσης
Σε HTML για να εισάγετε υπερσυνδέσμων χρησιμοποιώντας το Περιγραφέας (tag), το οποίο εισάγεται στο σωστό μέρος. Συνήθως πρόκειται για ένα από τα κείμενο ως μια υπερ-σύνδεση από μόνη της είναι μια δομή του κειμένου. Αλλά οι σχέσεις είναι πιο γραφικά (εικόνες, κουμπιά, εικόνες)? από αυτούς θα συζητηθεί περαιτέρω. Η θέση τους σε μια ιστοσελίδα που δεν περιορίζεται στο κείμενο, αλλά εξαρτάται από την τοποθεσία λήψης αποφάσεων σχεδιασμού.
Αυτό είναι ένα παράδειγμα για το πώς να εισάγετε ένα υπερ-σύνδεση σε HTML-έγγραφο που φέρεται από ετικέτα . επισκέπτες του δικτυακού τόπου θα δείτε υπογραμμισμένο κείμενο που είναι διαφορετικό από το χρώμα του περιβάλλοντος κειμένου (τα χρώματα HTML-συνδέσεις μπορεί να είναι οτιδήποτε), «η αρχική σελίδα της Google», κάνοντας κλικ σε αυτό, θα φτάσουμε στην αρχική σελίδα, μηχανή αναζήτησης «Google». Θα πρέπει να σημειωθεί ότι το κείμενο της υπερ-σύνδεσης θα πρέπει να περιέχει πληροφορίες σχετικά με το πού η μετάβαση θα πραγματοποιηθεί. Η αρχή αυτή θα πρέπει να ακολουθηθεί και να ληφθούν κατά κανόνα!
δομή ετικέτα ...
Μπορείτε να παρατηρήσετε την ετικέτα - Διπλό: απαιτούμενη ετικέτα κλεισίματος .
href - χαρακτηριστικό ετικέτα προσδιορίζει τον προορισμό ενός συνδέσμου.
https://google.com/ - χαρακτηριστικό αξία, περικλείουν το URL διεύθυνση ενός πόρου στην οποία θα γίνει η μετάβαση. Είναι διπλά ή μονά εισαγωγικά. Αυτό εξαρτάται από τη δομή της ωοτοκίας ετικέτα των κανόνων HTML.
η όλη δομή είναι ένα στοιχείο ενός εγγράφου ιστού.
Σύμφωνα με τους κανόνες της HTML, ορισμένα στοιχεία μπορεί να περιέχει άλλα στοιχεία. Tag δεν αποτελεί εξαίρεση. Αν ο προγραμματιστής πρέπει να τονίσει με έντονα γράμματα της λέξης Google, μπορείτε να το κάνετε αυτό, χρησιμοποιώντας την ετικέτα , σύμφωνα με τους γενικούς κανόνες της μορφοποίησης κειμένου στην αλληλουχία των ένθετων ετικέτες. Webmaster πρέπει να γνωρίζουν πώς να δημιουργήσετε μια υπερ-σύνδεση σε ένα HTML λάθη, αλλιώς δεν θα λειτουργήσει. Οι κατεστραμμένες συνδέσεις σε αργκό των υπολογιστών που ονομάζεται «χτυπημένο».
Εδώ: το στοιχείο
Περιέχει ένθετη
Τώρα η σελίδα ο επισκέπτης βλέπει την υπερ-σύνδεση με έντονο κείμενο τη λέξη «Google».
απόλυτη υπερ-συνδέσεις
Υπερ-συνδέσεις που χρησιμοποιούν τις απόλυτες URL διευθύνσεις των sites που περιέχουν τα ονόματα τομέα (.ru, .com, .org, .gov ), που ονομάζεται απόλυτη, και έχει την ακόλουθη σύνταξη:
Πρωτόκολλο: // όνομα τομέα / διαδρομή του αρχείου
Παράδειγμα διεύθυνση διαδεδομένη στη μηχανή αναζήτησης Αμερική: https://aol.com - απόλυτη, δεδομένου ότι περιέχει το domain name .com.
Τα απόλυτη υπερ-συνδέσεις που χρησιμοποιούνται για την πλοήγηση στις σελίδες των άλλων δικτυακών τόπων ή να έχουν πρόσβαση σε πόρους που βρίσκονται σε άλλο διακομιστή. Η μετάβαση πραγματοποιείται με χρήση του πρωτοκόλλου Internet. Πρωτόκολλα - αυτό δεν είναι το θέμα αυτού του άρθρου, αλλά και συμμετέχουν στη δημιουργία υπερσυνδέσμων, θα πρέπει τουλάχιστον να τους αναφέρω εν συντομία:
- http και https - το πιο κοινό? για να πραγματοποιήσετε εναλλαγή μεταξύ των ιστοσελίδων των διαφορετικών sites?
- ftp - ένα πρωτόκολλο για την αποστολή αρχείων στο διακομιστή ή τις λήψεις χρήστη από την ιστοσελίδα?
- mailto - πρωτόκολλο αλληλογραφίας που στέλνει e-mail απευθείας από την ιστοσελίδα, χωρίς να εισέλθει στην προσωπική e-mail.
Υπάρχουν μερικές αναφορές ειδικού σκοπού (gopher, telnet), είναι αρκετά σπάνια, η χρήση των οποίων απαιτεί ειδικές γνώσεις στον προγραμματισμό ή το σύστημα διαχείρισης.
σε σχέση με υπερσυνδέσμους
Με σχετική αντιμετώπιση, η χρήση των υπερσυνδέσμων στην HTML που χρησιμοποιείται για τη μετάβαση στη ζωή και δεν οδηγεί πέρα από αυτό. Αν η σελίδα είναι τόσο μεγάλη που τρέχει κατακόρυφη γραμμή κύλισης, μερικές φορές πολύ καιρό, όπως σε ένα λεξικό, είναι πολύ βολικό και κατάλληλο για χρήση σε σχέση με συνδέσμους για να μεταβείτε στο επιθυμητό γράμμα.
Δημιουργία online λεξικό, έναν προγραμματιστή στην αρχή της σελίδας έχει το αλφάβητο, και αν όχι για τη χρήση των συνδέσεων, ο χρήστης θα είχε ένα πολύ μεγάλο χρονικό διάστημα για να γυρίσει τον τροχό του ποντικιού για να φτάσετε στο γράμμα «Ι».
Για να δημιουργήσετε μια σχετική σύνδεση, χρησιμοποιώντας την ετικέτα του όνομα χαρακτηριστικού :
όπου ya ονομάζεται άγκυρα, ενώ Επιστροφή στην επιστολή Ι - άγκυρα προορισμό. Για τη σωστή απεικόνιση των αγκυρών, συνιστάται να χρησιμοποιήσετε γράμματα και αριθμούς, έτσι δεν γράφουν «I», αν και θα ήταν κατανοητό.
Τώρα που η μετάβαση από το αλφάβητο στην αρχή της σελίδας με το γράμμα «Ι», είναι απαραίτητο να γίνει η πρόσδεση άγκυρα στο HTML έγγραφο, το οποίο αρχίζει με το γράμμα «Ι»:
μπροστά από την άγκυρα συμβολίζει τον αριθμό σημάδι, χωρίς την οποία η μετάβαση στην επιστολή δεν θα λειτουργήσει.
Σχετική αντιμετώπιση κατά την οικοδόμηση ενός δικτυακού τόπου
Βολικό και το πιο κοινό αλγόριθμο για τη δημιουργία ενός site λογισμικού:
- Δημιουργήστε ένα φάκελο στον υπολογιστή σας και τη θέση του στο χώρο για τη διευκόλυνση της γρήγορης πρόσβασης?
- δημιουργώντας index.html στο φάκελο της αρχικής σελίδας?
- η δημιουργία δευτερογενούς ιστοσελίδας (index.html / σελίδα 2)?
- Δημιουργήστε ένα φάκελο και να το τοποθετήσετε στα αρχεία εικόνας?
- Δημιουργήστε ένα φάκελο και τη διάθεσή του άλλα αντικείμενα (αρχεία για λήψη, για παράδειγμα)?
- πλήρωση του περιεχομένου της ιστοσελίδας?
- τοποθετώντας το χώρο για τη φιλοξενία των αρχείων.
πρέπει υποχρεωτικά να χρησιμοποιείται για τις συνδέσεις επικοινωνίας μεταξύ των στοιχείων του χώρου, και θα είναι πολύ χρήσιμο να γνωρίζουμε πώς να εισαγάγετε μια υπερ-σύνδεση στο HTML σε μια άλλη σελίδα του ίδιου site. Εάν η ιστοσελίδα κατοικούν στον ίδιο κατάλογο στον ίδιο διακομιστή, δεν υπάρχει καμία ανάγκη να χρησιμοποιήσει την απόλυτη αντιμετώπιση. Κατά τη μεταφορά αρχείων στο site που φιλοξενεί τη σχέση μεταξύ των αντικειμένων παραμένουν, επειδή φιλοξενεί και θα τοποθετηθεί στον ίδιο κατάλογο.
Ας υποθέσουμε ότι ένας προγραμματιστής έχει δημιουργήσει μια ιστοσελίδα index.html αρχική σελίδα, η οποία έχει ένα σύνδεσμο σε μια άλλη σελίδα page2.html, διακοσμημένο με img.png εικόνα. Στη συνέχεια, η σχετική διαδρομή προς την εικόνα θα μοιάζει κάπως έτσι:
Συμβουλή: στην μελέτη αυτού του θέματος είναι καλύτερο να χρησιμοποιήσετε ένα απλό πρόγραμμα επεξεργασίας κειμένου για το λόγο ότι είναι απαραίτητο να αποκτήσει επάρκεια στη σωστή ορθογραφία των διευθύνσεων μετάβασης, και να μάθουν να κατανοούν τον κωδικό κάποιου άλλου. Σε αυτό το στάδιο θα είναι ένα καλό αποτέλεσμα, χωρίς σφάλματα γράψει μια υπερ-σύνδεση σε ένα σημειωματάριο, HTML δεν τους συγχωρεί, και δίνει ένα σφάλμα.
Μέθοδοι κάντε κλικ σε μια υπερ-σύνδεση
Από προεπιλογή, μια νέα σελίδα ανοίγει στο τρέχον παράθυρο του προγράμματος περιήγησης όταν ένας χρήστης κάνει κλικ στην υπερ-σύνδεση. Αλλά ένας προγραμματιστής Ιστού μπορεί να αλλάξει την προεπιλεγμένη και αναγκάσει να ανοίξετε τη σελίδα, για παράδειγμα, σε ένα νέο παράθυρο. Για το σκοπό αυτό, υπάρχει ένα χαρακτηριστικό προορισμού με μια ορισμένη αξία του. Πουθενά δεν είναι δυνατόν να εκφράσει το τραπέζι.
| _blank | ανοίγει τη σελίδα σε ένα νέο παράθυρο του προγράμματος περιήγησης |
| _self | Ανοίγει τη σελίδα στο τρέχον παράθυρο (προεπιλεγμένη ρύθμιση) |
| _parent | ανοίγει τη σελίδα στο γονικό πλαίσιο |
| _top | χρήση πλαισίων όλα αυτά ακυρώσει και να ανοίγει τη σελίδα στο τρέχον παράθυρο του προγράμματος περιήγησης |
Η σύνταξη για την εφαρμογή χαρακτηριστικά στοχεύουν:
Home «Google» θα ανοίξει σε ένα νέο παράθυρο.
Σημείωση: για να ανοίξετε τη σελίδα σε νέα καρτέλα, δεν υπάρχει τιμή για αυτό το χαρακτηριστικό, και καθορίζεται από το χρήστη στις ρυθμίσεις του προγράμματος περιήγησης.
Το χρώμα των υπερσυνδέσμων
Ένας έμπειρος χρήστης του Διαδικτύου την πάροδο του χρόνου, θα πρέπει να έχετε παρατηρήσει ότι οι υπερσύνδεσμοι είναι διαφορετικό χρώμα από το περιβάλλον κείμενο, και είναι συνήθως μπλε. Σύνδεσμοι για τα οποία πέρασε, και στη συνέχεια πήγε πίσω στην προηγούμενη σελίδα, είναι λιλά. Χρησιμοποιώντας τις υπερ-συνδέσεις σε HTML με μη τυποποιημένα χρώματα λίγο, αλλά διαθέτει ιστοσελίδα, μεταξύ άλλων.
Ορίζει το χρώμα των συνδέσμων στο
χρησιμοποιώντας τα χαρακτηριστικά και τις αξίες τους, το οποίο εξυπηρετεί το χρώμα HTML στο σύστημα RGB (# 00FF00) ή με άμεση ένδειξη του ονόματος του χρώματος ( «πράσινες»). Υπάρχουν τρεις τύποι των χαρακτηριστικών για τις συνδέσεις:- link - καθορίζει το χρώμα του unvisited συνδέσεις?
- vlink - καθορίζει το χρώμα των συνδέσμων, μέσω του οποίου ο χρήστης έχει ήδη περάσει?
- alink - καθορίζει το χρώμα του συνδέσμου κατά τη μετάβαση σε διαφορετική σελίδα. Είναι γρήγορο, έτσι ώστε να μην μπορεί να πιάσει πάντα αυτό το αποτέλεσμα.
σήμανση Παράδειγμα:
Αν ισχύουν αυτά τα χαρακτηριστικά στην ετικέτα
, η αναφορά του εγγράφου web θα είναι σκούρο μπλε, το επισκέφτηκε - μοβ και ενεργό - πορτοκαλί-κόκκινο.γραφικό hyperlinks
Η πρόοδος και η ανάπτυξη σχεδιασμού ιστοσελίδων απαιτούν να γνωρίζουν πώς να εισαγάγετε μια υπερ-σύνδεση στο HTML ως εικόνα. Είναι σαφές ότι η εικόνα πρέπει να αντιστοιχεί στο περιεχόμενο της σελίδας προορισμού. Για παράδειγμα, η κεντρική σελίδα των φαρμακευτικών φυτών μπορεί να παρουσιαστεί με τη μορφή φωτογραφίες των φυτών, κάνοντας κλικ στο οποίο ο χρήστης θα πάει σε μια σελίδα που περιγράφει τις θεραπευτικές ιδιότητες των φυτών.
Ευρέως χρησιμοποιούμενη τρόπος για να αντικαταστήσει στατική πλήκτρα () στα όμορφα γραφικά που δημιουργούνται από ένα web designer, στον επεξεργαστή γραφικών (GIMP, Photoshop).
Για να εισάγετε ένα γραφικό και συνδέσμους στις σελίδες του site χρησιμοποιεί την ίδια σύνταξη, αλλά αντί για κείμενο χρησιμοποιώντας μια ετικέτα εικόνας με την εισαγωγή των κανόνων της HTML:
Με την ετικέτα με τον ίδιο τρόπο που εφαρμόζεται χαρακτηριστικά καθορίσετε μια εναλλακτική κειμένου, πλάτος, ύψος, και άλλα.
Ζητεί από την ιστοσελίδα
HTML5 πρότυπο έχει επεκτείνει τη λειτουργικότητα της χρήσης του Διαδικτύου, και τώρα μπορείτε να πραγματοποιείτε κλήσεις όχι μόνο από το τηλέφωνο, αλλά απευθείας από την ιστοσελίδα. Για το σκοπό αυτό, μπορείτε επίσης να χρησιμοποιήσετε υπερ-συνδέσεις σε ένα έγγραφο HTML, και έχουν την ακόλουθη σύνταξη:
Αντί για τη λέξη «κόμμα» έχει συνταγογραφηθεί διαισθητική επαφή καλούντος στον τηλεφωνικό κατάλογο. Μπορείτε επίσης να τοποθετήσετε ένα αρχείο γραφικών (φωτογραφία του χρήστη).
Αυτό κλήσεις έγιναν στην περιοχή, θα πρέπει να έχετε όχι μόνο μια αναφορά στον αριθμό του τηλεφώνου του συνδρομητή, αλλά και ένα ακουστικό (μικρόφωνο, ακουστικά) εγκατεστημένο στον υπολογιστή σας VoIP πρόγραμμα, η ταχύτητα του Διαδικτύου θα πρέπει να υπερβαίνει τα 0,5 MB / sec. Η πληρωμή για τις κλήσεις που πραγματοποιούνται ροή της κυκλοφορίας. Ως εκ τούτου, εάν το Διαδίκτυο είναι απεριόριστες, οι κλήσεις είναι δωρεάν.
Ηθική τη δημιουργία υπερσυνδέσμων
Με την τοποθέτηση του ιστοσελίδα στο Διαδίκτυο, ο webmaster θα πρέπει να γνωρίζουν τι είδους υπάρχουν υπερ-συνδέσεις σε HTML, και όχι μόνο το δικαίωμα να τα χρησιμοποιούν επαγγελματικά, αλλά και να τηρούν τις ακόλουθες διατάξεις:
- Η υπερ-σύνδεση πρέπει να είναι ευδιάκριτες, διαφορετικό από το περιβάλλον κείμενο του. Ο χρήστης πρέπει να γνωρίζει ότι είναι - μια υπερ-σύνδεση.
- Ο χρήστης θα πρέπει να είναι σαφές ποιος θα πάρει κάνοντας κλικ στο σύνδεσμο. Για να γίνει αυτό, είναι σκόπιμο να χρησιμοποιούν περισσότερο τον τίτλο χαρακτηριστικό, το οποίο περιγράφει συνοπτικά τη σελίδα μετατροπής. Σύνταξη χαρακτηριστικό εφαρμογής είναι:
- Ο χρήστης πρέπει να λάβει ακριβείς πληροφορίες σχετικά με το αρχείο θα κατέβει όταν κάνετε κλικ στο σύνδεσμο.
Από τη στιγμή δεν είναι η αναμενόμενη σελίδα ή κατεβάζοντας το λάθος αρχείο, ο χρήστης είναι 99% της αμέσως να αφήσει το χώρο και ποτέ σε αυτό δεν πάει κάτω στο μέλλον.
Anti-Seo για τη δημιουργία υπερσυνδέσμων
Εκτός από την τεχνική πλευρά του ζητήματος για το πώς να εισάγετε μια υπερ-σύνδεση σε HTML, θα πρέπει να τονιστεί περισσότερο και ηθική πτυχή. Υπάρχουν πολλές ιστοσελίδες στις οποίες η πρόσβαση είναι αποκλεισμένη χρήστες με το λογισμικό ασφαλείας (antivirus), ή ακόμα και το κράτος. Αυτές είναι οι περιοχές που έχουν δημιουργηθεί σχετικά με το μη καθαρό χέρι προγραμματιστές web.
Ένα από τα κόλπα στα οποία καταφεύγουν - είναι να εισάγετε το «αόρατο» υπερ-σύνδεση σε μια ιστοσελίδα. Οι απατεώνες ξέρουν πώς να δημιουργήσετε μια υπερ-σύνδεση σε HTML, και να χρησιμοποιήσετε το χαρακτηριστικό υπογράμμισης για να αφαιρέσετε συνδέσεις και να την αντιστοιχίσετε το χρώμα του περιβάλλοντος κειμένου, έτσι ώστε ο μέσος χρήστης δεν τη βλέπω. Και με τη βοήθεια των άλλων τεχνολογιών web εργαλεία (CSS, JavaScript, PHP) μπορεί να προγραμματιστεί συμπεριφορά τους. Για παράδειγμα, το γεγονός onMouseOver την Javascript γλώσσα ενεργοποιεί την επίδραση των στοιχείων της ιστοσελίδας. Όταν ο χρήστης κρατά το δείκτη του ποντικιού σε μια αόρατη σύνδεση, παίρνει στις σελίδες διαφήμιση άλλες τοποθεσίες. Ή ακόμα χειρότερα, όταν υπάρχει μια αόρατη σύνδεση με ένα αρχείο στον υπολογιστή του και αρχίζει να κατεβάσει και να εγκαταστήσει αχρείαστα λογισμικό. Συνήθως, ένας ιός που άλλαξε την αρχική σελίδα του προγράμματος περιήγησης, σκουπίδια στο σκληρό δίσκο και άλλων μαζικών προγραμμάτων.
Σύντομα τέτοιες περιοχές εμπίπτουν στην «μαύρη λίστα» της βάσης δεδομένων του ιού, την ασφάλεια και το περιβάλλον των χρηστών του Διαδικτύου. Τέτοιες θέσεις δεν διαρκούν πολύ, και πρέπει να αλλάξουν τα ονόματά τους να μεταναστεύουν διαρκώς στο Διαδίκτυο, την αλλαγή του φορέα υποδοχής. Αυτό δεν είναι ευνοϊκό για την προώθηση ενός τόπου, με την οποία επιδιώκεται πάντα ο δημιουργός του, ποτέ δεν κάνουν megaportals, όπως, για παράδειγμα, τα κοινωνικά δίκτυα. Μεταξύ άλλων, αυτά τα κόλπα προκαλέσει πολλά αρνητικά συναισθήματα σε θύματα αυτών των ανθρώπινων ενεργειών.
Similar articles
Trending Now