Ένας από τους κύριους διαφοροποιητές μεταξύ ιστότοπων και άλλων μορφών μέσων επικοινωνίας είναι η ιδέα των "συνδέσμων", ή υπερσυνδέσεις καθώς είναι τεχνικά γνωστοί με όρους σχεδιασμού ιστοσελίδων.
Εκτός από το να βοηθάτε να φτιάξετε τον Ιστό όπως είναι σήμερα, οι σύνδεσμοι, καθώς και οι εικόνες, είναι η πιο συχνά προσθήκη πραγμάτων σε ιστοσελίδες. Ευτυχώς, αυτά τα στοιχεία είναι εύκολο να προστεθούν (μόνο δύο βασικές ετικέτες HTML) και μπορούν να φέρουν ενθουσιασμό και διαδραστικότητα σε ό, τι διαφορετικά θα ήταν απλές σελίδες κειμένου. Σε αυτό το άρθρο, θα μάθετε για την (αγκύρωση) ετικέτα, η οποία είναι η πραγματική Στοιχείο HTML χρησιμοποιείται για την προσθήκη συνδέσμων σε σελίδες ιστότοπου.
Προσθήκη συνδέσμων
Ένας σύνδεσμος ονομάζεται άγκυρα σε HTML, και έτσι η ετικέτα που αντιπροσωπεύει είναι η ετικέτα Α. Συνήθως, οι άνθρωποι αναφέρονται απλώς σε αυτές τις προσθήκες ως "σύνδεσμοι", αλλά η άγκυρα είναι αυτό που πραγματικά προστίθεται σε οποιαδήποτε σελίδα.
Όταν προσθέτετε έναν σύνδεσμο, πρέπει να δείξετε το
διεύθυνση ιστοσελίδας στο οποίο θέλετε να μεταβούν οι χρήστες σας όταν κάνουν κλικ ή πατήσουν (εάν βρίσκονται σε οθόνη αφής) στον σύνδεσμο. Το καθορίζετε με το χαρακτηριστικό.ο href Το χαρακτηριστικό σημαίνει "αναφορά υπερκειμένου" και σκοπός του είναι να υπαγορεύσει τη διεύθυνση URL όπου θέλετε να μεταβεί ο συγκεκριμένος σύνδεσμος. Χωρίς αυτές τις πληροφορίες, ένας σύνδεσμος είναι άχρηστος καθώς θα έλεγε στο πρόγραμμα περιήγησης ότι ο χρήστης πρέπει να μεταφερθεί κάπου, αλλά δεν θα είχε τις διαθέσιμες πληροφορίες προορισμού για το σημείο που "κάπου" έπρεπε είναι. Αυτή η ετικέτα και αυτό το χαρακτηριστικό συμβαδίζουν.
Μπορείτε να συνδέσετε σχεδόν οτιδήποτε στη σελίδα HTML σας, συμπεριλαμβανομένων εικόνες. Απλά περιβάλλετε τα στοιχεία HTML ή τα στοιχεία που θέλετε να είστε σύνδεσμος με τις ετικέτες και. Μπορείτε επίσης να δημιουργήσετε σύνδεσμοι κράτησης θέσης αφήνοντας το href χαρακτηριστικό - αλλά απλώς φροντίστε να επιστρέψετε και να ενημερώσετε τις πληροφορίες href αργότερα, διαφορετικά ο σύνδεσμος δεν θα κάνει τίποτα κατά την πρόσβαση.
Το HTML5 το καθιστά έγκυρο για σύνδεση στοιχείων επιπέδου μπλοκ όπως παραγράφους και DIV στοιχεία. Μπορείτε να προσθέσετε μια ετικέτα αγκύρωσης γύρω από μια πολύ μεγαλύτερη περιοχή, όπως μια λίστα διαίρεσης ή ορισμού και ότι ολόκληρη η περιοχή θα είναι "κλικ". Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο όταν προσπαθείτε να δημιουργήσετε μεγαλύτερες περιοχές φιλικές προς τα δάχτυλα σε έναν ιστότοπο.
Μερικά πράγματα που πρέπει να θυμάστε κατά την προσθήκη συνδέσμων
- Η τελική ετικέτα είναι απαιτείται. Εάν ξεχάσετε να το συμπεριλάβετε, θα συνδεθούν όλα όσα ακολουθούν αυτόν τον σύνδεσμο, έως ότου ένας άλλος σύνδεσμος κλείσει την ετικέτα.
- Τις περισσότερες φορές, είναι καλύτερο να συνδέσετε μεμονωμένες εικόνες και σύντομα χρονικά διαστήματα, παρά μεγάλα τμήματα κειμένου. Οι σύνδεσμοι μπορούν να προσθέσουν χρώματα και στυλ υπογράμμισης στη σελίδα σας που μπορεί να είναι δυσανάγνωστα. Φυσικά, μπορείτε να χρησιμοποιήσετε το CSS για να αλλάξετε αυτά τα στυλ συνδέσμων και να επεξεργαστείτε χρώματα ή να αφαιρέσετε υπογραμμίσεις, αλλά εξακολουθεί να είναι καλό να προσέχετε αυτήν την πραγματικότητα.
- Βεβαιωθείτε ότι έχετε ελέγξει τους συνδέσμους σας, ώστε να μην πάει άσχημα. Το Link Rot μπορεί να κάνει τόσο τους χρήστες όσο και τις μηχανές αναζήτησης να θεωρήσουν τον ιστότοπό σας άκυρο. Χρησιμοποιήστε τακτικά έναν ελεγκτή συνδέσμων για να επαληθεύσετε τους συνδέσμους στις σελίδες σας. Αυτό ισχύει ιδιαίτερα όταν συνδέεστε σε ιστότοπους τρίτων (εκείνοι που δεν διαχειρίζεστε) και οι οποίοι ενδέχεται να αλλάξουν τις σελίδες τους με την παράταση, αφήνοντάς σας νεκρούς συνδέσμους. Ένας ελεγκτής συνδέσμων θα βρει αυτούς τους νεκρούς συνδέσμους, ώστε να μπορείτε να κάνετε τις απαραίτητες ενημερώσεις.
- Αποφύγετε κείμενο όπως "κάντε κλικ εδώ" στον σύνδεσμό σας. Θυμηθείτε, τα άτομα με οθόνες αφής δεν μπορούν να «κάνουν κλικ», έτσι ώστε το κείμενο να μοιάζει με προϊόν μιας προηγούμενης εποχής και πραγματικά δεν σχετίζεται με τον σημερινό κεντρικό ιστό πολλαπλών συσκευών.
Άλλοι ενδιαφέροντες τύποι συνδέσμων
ο ΕΝΑ Το στοιχείο δημιουργεί έναν τυπικό σύνδεσμο προς άλλο έγγραφο, αλλά υπάρχουν και άλλοι τύποι συνδέσμων που μπορεί να σας ενδιαφέρουν:
- Εσωτερικοί σύνδεσμοι ή άγκυρες: Πρόκειται για συνδέσμους προς κάπου μέσα σε μια ιστοσελίδα, όχι απαραίτητα στην κορυφή.
- Χάρτες εικόνων: Οι χάρτες εικόνας επιτρέπουν τη δημιουργία συνδέσμων σε εικόνες που έχουν χαρτογραφηθεί σε συγκεκριμένες περιοχές της εικόνας. Αυτά μπορούν να χρησιμοποιηθούν για παιχνίδια ή δημιουργική πλοήγηση. Συχνά τα βλέπετε με χάρτες, όπου μπορείτε να κάνετε κλικ σε περιοχές στον χάρτη. Σημειώστε ότι οι χάρτες εικόνων δεν χρησιμοποιούνται στους περισσότερους σύγχρονους ιστότοπους, εν μέρει επειδή μπορεί να προκαλέσουν προβλήματα σε κινητές συσκευές.
- Το στοιχείο: Αυτό το στοιχείο χρησιμοποιείται για να συσχετίσει άλλα έγγραφα και σελίδες με το τρέχον. Δεν θα δημιουργήσει μια περιοχή με δυνατότητα κλικ στην ιστοσελίδα σας, αλλά είναι χρήσιμο να το καταλάβετε.