Μπορεί να αγκυροβολήσω ένα Div;

Τα άγκυρα έχουν χρησιμοποιηθεί από καιρό για να συνδεθούν με συγκεκριμένα μέρη ιστοσελίδων. Μια άγκυρα αποτελείται από μια υπερσύνδεση που δημιουργείται από ετικέτες αγκυροβόλησης και ένα στοιχείο - επικεφαλίδες, παραγράφους, εικόνες και divs, για να αναφέρουμε μερικά παραδείγματα - που περιέχει ένα αναγνωριστικό. Όσο ένα div έχει αναγνωριστικό, είναι χρησιμοποιήσιμο ως άγκυρα.

HTML Άγκυρες

Μια άγκυρα HTML χρησιμοποιεί τις ετικέτες "" άγκυρας για σύνδεση με οποιοδήποτε στοιχείο με το "όνομα" ή Χαρακτηριστικό "ID". Αν και το "όνομα" χρησιμοποιήθηκε στο παρελθόν, η χρήση του "αναγνωριστικού" θεωρείται βέλτιστη πρακτική, δεδομένου ότι το "όνομα" είναι πλέον ένα απόσπασμα - όχι τρέχον - χαρακτηριστικό στο HTML 4 και παραπάνω. Αντί να δημιουργήσετε έναν σύνδεσμο που οδηγεί σε μια διαδρομή αρχείου, μπορείτε να δημιουργήσετε έναν σύνδεσμο που να δείχνει το αναγνωριστικό ή το όνομα ενός στοιχείου HTML.

Χρήσεις αγκυρών

Οι άγκυρες χρησιμοποιούνται συνήθως σε ιστοσελίδες που περιέχουν μεγάλες ποσότητες κείμενο. Σε μια ιστοσελίδα που έχει πολλές ενότητες με υπο-τίτλους, μπορείτε να δημιουργήσετε μια λίστα συνδέσμων που λειτουργούν ως πίνακας περιεχομένων. Κάθε σύνδεσμος θα οδηγούσε σε μια ετικέτα επικεφαλίδας ή στο div με το αναγνωριστικό της. Μια άλλη χρήση των αγκυρών είναι η δημιουργία συνδέσμων "άλματος" που οδηγούν τον χρήστη πίσω στην κορυφή μιας μεγάλης ιστοσελίδας, γεγονός που μειώνει την ανάγκη για κύλιση. Είναι επίσης δυνατή η σύνδεση σε ένα συγκεκριμένο τμήμα μιας άλλης σελίδας.

Αγκυροβόληση ενός Div

Η προσθήκη ενός αναγνωριστικού σε ένα div θα σας επιτρέψει να συνδεθείτε σε αυτό χρησιμοποιώντας ετικέτες: Περιεχόμενο ... Το αναγνωριστικό είναι πλέον προσβάσιμη με ετικέτες άγκυρας, φύλλα στυλ και JavaScript. Αν έχετε div που περιέχει ήδη ένα αναγνωριστικό, θα χρειαστεί να χρησιμοποιήσετε αυτό το αναγνωριστικό.

Σύνδεση σε μια άγκυρα Div

Η μέθοδος για τη δημιουργία ενός συνδέσμου σε ένα αγκυρωμένο στοιχείο περιλαμβάνει τη ρύθμιση του χαρακτηριστικού "href" ένα ζευγάρι "" ετικετών στο όνομα ταυτότητας, με πρόθεμα από ένα σύμβολο κατατεμαχισμού: Πηγαίνετε στο My Stuff Πηγαίνετε στο My Stuff στο Page 2 Ο πρώτος σύνδεσμος θα στείλει το χρήστη στο στοιχείο με αναγνωριστικό "my_stuff", εφόσον είναι στην ίδια σελίδα που προβάλλεται στο πρόγραμμα περιήγησης. Ο δεύτερος σύνδεσμος θα φορτώσει μια διαφορετική σελίδα στο πρόγραμμα περιήγησης και θα μεταβεί στο "my_stuff" div.