Πώς να ορίσετε και να χρησιμοποιήσετε άγκυρα HTML;

Το σημερινό θέμα θα είναι αγκυροβολημένα HTML. Αυτό το στοιχείο επιτρέπει την ταχεία μετάβαση μέσα στη σελίδα, καθώς και στις εξωτερικές έγγραφα. Οι άγκυρες χρησιμοποιούνται συχνά από τους web developers. Όπως βοηθούν να οργανώσετε μια βολική τοποθεσία για τους αναγνώστες. Το άρθρο θα δοθεί μια λεπτομερής περιγραφή αυτού του στοιχείου, και παραδείγματα της αποτελεσματικής χρήσης.

περιγραφή

Anchor HTML - είναι το είδος της μια μοναδική καρτέλα ιστοσελίδας. Πάντα έχει ατομικό όνομα που δεν πρέπει να επαναληφθεί στην ίδια σελίδα. Ο κύριος σκοπός της άγκυρας - ταχεία μετάβαση από το ένα μέρος ενός εγγράφου σε ένα άλλο, σε μια συγκεκριμένη θέση. Ιδιαίτερα αποτελεσματικό αυτό το στοιχείο φέρνει, όταν η ιστοσελίδα είναι μεγαλύτερη. Εξαιτίας αυτού, οι χρήστες άβολο να διαβάσει το περιεχόμενο του site. Και άγκυρα σε μια σελίδα HTML επιτρέπει τη γρήγορη μετάβαση.

εκχώρηση

Για να δημιουργήσετε ένα σελιδοδείκτη σε δύο διαφορετικές μέθοδοι μπορούν να χρησιμοποιηθούν εδώ. Η πρώτη είναι να χρησιμοποιήσετε το χαρακτηριστικό όνομα, και στη δεύτερη περίπτωση, πρέπει να χρησιμοποιήσετε το χαρακτηριστικό αναγνωριστικό. Στη συνέχεια, εξετάζουμε κάθε μέθοδο ξεχωριστά. Η μετάβαση συμβαίνει και στις δύο περιπτώσεις με τη βοήθεια του «ενός» ετικέτα της οποίας το χαρακτηριστικό περιέχει το όνομα ή το αναγνωριστικό. Για παράδειγμα: «a href = http: // ιστοσελίδα / άρθρο / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. Το σύμβολο # λέει το πρόγραμμα περιήγησης που ο σύνδεσμος θα φέρει αγκυροβολημένα.

όνομα

Όνομα χαρακτηριστικό είναι ειδικά σχεδιασμένο για να δημιουργήσει μια άγκυρα σε μια σελίδα. Η τιμή του μπορεί να είναι οποιοδήποτε κείμενο. Αυτή η HTML άγκυρα μπορεί να χρησιμοποιηθεί μόνο σε συνδυασμό με την ετικέτα «α».

Για παράδειγμα, θέλετε να δημιουργήσετε ένα σελιδοδείκτη στο τέλος της σελίδας σας. Θα πρέπει να τοποθετήσετε την ετικέτα «ένα όνομα =“footer”» «/ μια» στο επιθυμητό μέρος ενός εγγράφου ιστού. Σε μια άλλη περιοχή της σελίδας θα πρέπει να δημιουργήσετε ένα σύνδεσμο σε μια άγκυρα, για το σκοπό αυτό, προσθέστε μια καταχώρηση «a href = http: // ιστοσελίδα / άρθρο / 106223 /% E2% 80% 9D # footer»»σύνδεσμο«/ α». Όταν κάνετε κλικ σε αυτό το πρόγραμμα περιήγησης στοιχείο που παίρνει αυτόματα σε εκείνο το τμήμα του εγγράφου όπου υπάρχει καρτέλα Υποσέλιδο.

ταυτότητα

Κατ 'αρχάς, ας πούμε ότι ID - ένα αναγνωριστικό που δεν έχει άμεση σκοπό για τη δημιουργία άγκυρες. Αλλά σας επιτρέπει να δημιουργήσετε σελιδοδείκτες σε όλους τους τομείς του εγγράφου χωρίς να δημιουργούν πρόσθετες συνδέσεις. Δηλαδή, μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό αναγνωριστικό για κάθε στοιχείο HTML. Στη συνέχεια, χρησιμοποιώντας «ένα» αναφέρονται σε μια ετικέτα σε αυτό. Εδώ είναι ένα παράδειγμα: το στοιχείο «p» βρίσκεται στο κέντρο του εγγράφου. Για να μεταβείτε σε αυτό από την αρχή της σελίδας χωρίς τη χρήση των ράβδων κύλισης, προσθέστε το αναγνωριστικό χαρακτηριστικό: «p id =“centr”» «/ σ». Στη συνέχεια, δημιουργήστε ένα σύνδεσμο: «a href = http: // ιστοσελίδα / άρθρο / 106223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% ΑΒ% 2Fa% C2% BB. Έτσι, έχουμε εύκολη πρόσβαση σε οποιοδήποτε μέρος του εγγράφου. Η τιμή ενός χαρακτηριστικού ταυτότητας μπορεί να είναι οποιοδήποτε κείμενο.

αποδοτική χρήση

Η άγκυρα HTML σύνδεσμος χρησιμοποιείται πολύ συχνά για την κατασκευή του οργάνου πλοήγησης. Για παράδειγμα, η σελίδα έχει ένα τεράστιο ποσό πληροφοριών κειμένου, το οποίο με τη σειρά του χωρίζεται σε ξεχωριστές παραγράφους ή κεφάλαια. Για τους επισκέπτες που ήταν βολικό να χρησιμοποιούν το site, μπορείτε να μεταβείτε σε ένα ξεχωριστό τμήμα του εγγράφου που θέλετε να ορίσετε ένα σελιδοδείκτη. Για το σκοπό αυτό, κάθε κεφάλαιο δημιουργήσει μια άγκυρα σύνδεσμο, ή χρησιμοποιήστε το αναγνωριστικό. Η επάνω γραμμή πλοήγησης θα κάνει με το περιεχόμενο όλων των συνδέσμων. Ένα ενδιαφέρον γεγονός είναι ότι η άγκυρα μπορεί να αναφέρεται από άλλες ιστοσελίδες. Είναι αρκετό να προσθέσει στο τέλος της τιμής αναφοράς του ονόματος ή της ταυτότητας χαρακτηριστικά. Μην ξεχάσετε να προσθέσετε το σύμβολο #. Το σύστημα τότε θα μοιάζει κάπως έτσι: το κύριο όνομα του συνδέσμου # (id).

συμπέρασμα

Anchor HTML - είναι πολύ χρήσιμο και σε ορισμένες περιπτώσεις ακόμη απαραίτητο στοιχείο. Σε αυτό το άρθρο παρουσιάσαμε ένα μόνο παράδειγμα της αποτελεσματικής χρήσης του. Αλλά στην πραγματικότητα αυτό το είδος των σελιδοδεικτών μπορούν να χρησιμοποιηθούν σε πολλές περιπτώσεις. Το κύριο πράγμα - να κατανοήσουν βασική ιδέα τους.