Αυτό το άρθρο αναφέρει τον οδηγό σχετικά με τον εσωτερικό σύνδεσμο:
Τι είναι ο εσωτερικός σύνδεσμος HTML;
Οι εσωτερικοί σύνδεσμοι HTML είναι οι υπερσύνδεσμοι που δημιουργούνται για να επιτρέπουν στους χρήστες να πλοηγούνται σε διάφορα τμήματα της ιστοσελίδας. Όταν ο χρήστης αλληλεπιδρά με έναν εσωτερικό σύνδεσμο, το πρόγραμμα περιήγησης μετακινεί την οθόνη στην καθορισμένη ενότητα της ιστοσελίδας. Βοηθά στην πλοήγηση των χρηστών, ειδικά εάν υπάρχει ένας ιστότοπος ή ένα ιστολόγιο με μία μόνο σελίδα.
Ας δούμε ένα απλό παράδειγμα για την κατανόηση των εσωτερικών συνδέσμων:
Παράδειγμα: Χρήση εσωτερικών συνδέσμων ως πλοηγού
Για να κατανοήσετε τη λειτουργία των εσωτερικών συνδέσμων, μπορούν να χρησιμοποιηθούν τα κουμπιά πλοήγησης. Για παράδειγμα, δύο κουμπιά πλοήγησης και εικονικό περιεχόμενο έχουν δημιουργηθεί σε αυτήν την επίδειξη:
< div >
< h2 ταυτότητα = 'μέρος πρώτο' > Μέρος πρώτο < / h2 >
< Π > Καλώς ήρθατε στο Περιεχόμενο Πρώτου Μέρους. < / Π >
< h2 ταυτότητα = 'μέρος δεύτερο' > Μέρος δεύτερο < / h2 >
< Π > Εξαιρετική! Φτάσατε στο Δεύτερο Μέρος του Περιεχομένου < / Π >
< / div >
Στο παραπάνω απόσπασμα κώδικα:
- Τα πρώτα δύο ' Οι ετικέτες χρησιμοποιούνται για τη δημιουργία δύο επικεφαλίδων/ενοτήτων της ιστοσελίδας. Αυτά τα ' h2 Τα στοιχεία έχουν την τιμή του μέρος πρώτο ' και ' μέρος δεύτερο ' που έχουν ανατεθεί στο ' ταυτότητα ” ιδιότητες, αντίστοιχα.
- Στη συνέχεια, το « ' Χρησιμοποιούνται ετικέτες που περιέχουν το περιεχόμενο για κάθε ' ετικέτα '.
Τώρα, χρησιμοποιούνται κουμπιά πλοήγησης σε σχέση με τους εσωτερικούς συνδέσμους. Αυτά τα κουμπιά δημιουργούνται χρησιμοποιώντας την ακόλουθη γραμμή κώδικα:
< ul >< ότι > < ένα href = '#μέρος πρώτο' >Μέρος Πρώτο< / ένα > < / ότι >
< ότι > < ένα href = '#μέρος δεύτερο' >Μέρος δεύτερο< / ένα > < / ότι >
< / ul >
Στο παραπάνω απόσπασμα κώδικα:
- Πρώτον, το «
- Στη συνέχεια, η άγκυρα ' Η ετικέτα 'χρησιμοποιείται και παρέχει εικονικά δεδομένα σε κάθε' <αυτό> ετικέτα '.
- Μετά από αυτό, ορίστε την τιμή του ' href 'ιδιότητα και των δύο' 'ετικέτες σε' μέρος πρώτο ' και ' μέρος δεύτερο ” αναγνωριστικά. Αυτή η ανάθεση του « ταυτότητα ” Οι τιμές δημιουργούν έναν εσωτερικό σύνδεσμο.
Αφού αποκλειστεί η εκτέλεση του παραπάνω κώδικα, η ιστοσελίδα λειτουργεί ως εξής:
Το παραπάνω gif απεικονίζει τη λειτουργία των εσωτερικών συνδέσμων στην ιστοσελίδα.
συμπέρασμα
Οι εσωτερικοί σύνδεσμοι HTML είναι οι υπερσύνδεσμοι που δημιουργούνται για να επιτρέπουν στους χρήστες να πλοηγούνται σε διάφορα τμήματα της ιστοσελίδας. Για να δημιουργήσετε έναν εσωτερικό σύνδεσμο, περάστε το αναγνωριστικό του γονικού στοιχείου HTML. Και παρέχετε αυτό το αναγνωριστικό ως τιμή για το ' href ' χαρακτηριστικό που παρέχεται από την άγκυρα HTML ' ' στοιχείο. Αυτό ' Το στοιχείο ' μπορεί να χρησιμοποιηθεί μέσα στη γραμμή πλοήγησης ή οπουδήποτε στην ιστοσελίδα που λειτουργεί ως πλοηγός. Αυτό το άρθρο παρουσιάζει ένα πρακτικό παράδειγμα του εσωτερικού συνδέσμου HTML.