Ο ' <διεύθυνση> Οι ετικέτες παρέχουν σημασιολογικό νόημα στα στοιχεία επικοινωνίας του συγγραφέα, του κατόχου ή της οντότητας που σχετίζεται με ένα έγγραφο. Το κείμενο μέσα στο « <διεύθυνση> ' εμφανίζεται στην ιστοσελίδα σε πλάγια μορφή. Οι προγραμματιστές το χρησιμοποιούν ως επί το πλείστον για να εμφανίσουν πληροφορίες όπως μια φυσική ή ταχυδρομική διεύθυνση, διεύθυνση ηλεκτρονικού ταχυδρομείου, αριθμό τηλεφώνου, διεύθυνση URL ιστότοπου κ.λπ. Αυτό το άρθρο παρουσιάζει την εξήγηση της ετικέτας διεύθυνσης HTML.
Πώς να χρησιμοποιήσετε μια ετικέτα διεύθυνσης HTML;
Ο ' Το ' μπορεί να χρησιμοποιηθεί με άλλες ετικέτες όπως ' », « », « ' ” κ.λπ. Βελτιώνει την προσβασιμότητα και τη βελτιστοποίηση μηχανών αναζήτησης λόγω της σημασιολογικής φύσης του ενώ παράλληλα διασφαλίζει τη συντηρησιμότητα και τη συνέπεια. Η ετικέτα διεύθυνσης μπορεί να χρησιμοποιηθεί σε σελίδες επαφών, ενότητες υποσέλιδου και για την απεικόνιση πληροφοριών συγγραφέα ενός ιστολογίου ή άρθρου κ.λπ.
Επισκεφτείτε το παρακάτω πρακτικό παράδειγμα για καλύτερη κατανόηση:
< σώμα >
< div τάξη = 'addressStyling' >
< διεύθυνση >
Γραμμένο από < ένα href = 'https://linuxhint.com/' > Ανώνυμος ένα > . < br >
Επισκεφθείτε μας στο: Metaverse < br >
linuxhint.com < br >
Πουθενά, Γαλαξία < br >
Πολυσύμπαν
διεύθυνση >
div >
σώμα >
Στο παραπάνω μπλοκ κώδικα:
-
- Αρχικά, ο γονέας « Η ετικέτα ' δημιουργείται μέσα στο ' <σώμα> ετικέτα '.
- Στη συνέχεια, η τάξη με το όνομα « στιλ διεύθυνσης ' έχει αντιστοιχιστεί με το πρόσφατα δημιουργημένο ' div ' στοιχείο.
- Μετά από αυτό, χρησιμοποιήστε το ' <διεύθυνση> ετικέτα και μέσα σε αυτό παρέχει εικονικά προσωπικά δεδομένα.
Μετά την εκτέλεση και την εκ νέου απόδοση, η ιστοσελίδα εμφανίζεται ως εξής:
Η έξοδος δείχνει ότι το περιεχόμενο μέσα στην ετικέτα '<διεύθυνση>' έχει εμφανιστεί με προκαθορισμένο στυλ.Για το στυλ του περιεχομένου της ετικέτας '
', οι ιδιότητες CSS χρησιμοποιούνται ως εξής:
< στυλ >
.διεύθυνση Styling {
περιθώριο: 20 px;
χρώμα: το κόκκινο ;
μέγεθος γραμματοσειράς: x-large;
γραμματοσειρά-οικογένεια: montserrat;
}
στυλ >
Στο παραπάνω μπλοκ κώδικα:-
- Πρώτον, ο γονιός» div 'κατηγορία στοιχείων' στιλ διεύθυνσης ' επιλέγεται.
- Στη συνέχεια, οι τιμές του ' 20 εικονοστοιχεία ' και ' το κόκκινο ' παρέχονται στο CSS ' περιθώριο ' και ' χρώμα ” ιδιότητες, αντίστοιχα.
- Στο τέλος, προσαρμόστε τη γραμματοσειρά εκχωρώντας ' x-large ' και ' Μονσεράτ 'τιμές στο CSS' μέγεθος γραμματοσειράς ' και ' γραμματοσειρά-οικογένεια ” ιδιότητες, αντίστοιχα.
Μετά την προσθήκη ιδιοτήτων CSS, τώρα η τελική έξοδος μοιάζει με αυτό:
Η έξοδος δείχνει ότι έχει εφαρμοστεί προσαρμοσμένο στυλ.Εναλλακτικά: Χρήση ετικέτας
Ο ' Η ετικέτα χρησιμοποιείται για να εκτρέψει την εστίαση του χρήστη προς το συγκεκριμένο μέρος των δεδομένων ή των πληροφοριών. Αλλάζει το στυλ κειμένου σε ' πλάγια γραφή ” που κάνει το κείμενο μοναδικό και τραβά την προσοχή του χρήστη. Μπορεί να είναι χρήσιμο για την ένδειξη αποσπασμάτων, τίτλων βιβλίων ή άλλων περιπτώσεων όπου είναι επιθυμητή μια ξεχωριστή οπτική αναπαράσταση. Ακολουθήστε τον παρακάτω κώδικα:
< Π >
< Εγώ στυλ = 'font-size:x-large;' > Linux Εγώ > είναι σε την πλάγια μορφή χρησιμοποιώντας 'Εγώ' ετικέτα
Π >
Μετά τη μεταγλώττιση του παραπάνω μπλοκ κώδικα:
Η έξοδος δείχνει ότι έχει εφαρμοστεί το ίδιο στυλ χρησιμοποιώντας το ' ετικέτα '.συμπέρασμα
Ο ' <διεύθυνση> Η ετικέτα χρησιμοποιείται ειδικά για την εμφάνιση των προσωπικών δεδομένων του συγγραφέα ή κάποιας οντότητας στην ιστοσελίδα. Είναι ένα semantic tag που βοηθάει πολύ και στη διαδικασία του SEO. Τα δεδομένα μέσα στο « <διεύθυνση> Η ετικέτα ' εμφανίζεται στην ιστοσελίδα σε πλάγια μορφή. Επιπλέον, οι ιδιότητες CSS μπορούν επίσης να χρησιμοποιηθούν για την εφαρμογή προσαρμοσμένου στυλ. Αυτό το άρθρο έχει δείξει την εξήγηση της ετικέτας
HTML.
- Αρχικά, ο γονέας «