Chercher Εργαλείο ορίζει έναν σύνδεσμο ή μια άγκυρα. Μια άγκυρα είναι ένας σελιδοδείκτης σε μια σελίδα που μπορεί να καθοριστεί ως στόχος συνδέσμου. Όταν χρησιμοποιείτε έναν σύνδεσμο που οδηγεί σε μια άγκυρα, μεταφέρεστε σε έναν σελιδοδείκτη εντός της ιστοσελίδας.

Για να δημιουργήσετε έναν σύνδεσμο, πρέπει να πείτε στο πρόγραμμα περιήγησης ποιος είναι ο σύνδεσμος και επίσης να καθορίσετε τη διεύθυνση του εγγράφου στο οποίο θέλετε να συνδεθείτε. Η τιμή της παραμέτρου href είναι η διεύθυνση του εγγράφου (URL, Universal Resource Locator) στο οποίο πραγματοποιείται η μετάβαση. Η διεύθυνση του συνδέσμου μπορεί να είναι απόλυτη ή σχετική. Οι απόλυτες διευθύνσεις λειτουργούν οπουδήποτε και παντού, ανεξάρτητα από το όνομα του ιστότοπου ή της ιστοσελίδας όπου είναι καταχωρημένος ο σύνδεσμος. Οι σχετικοί σύνδεσμοι, όπως υποδηλώνει το όνομά τους, δημιουργούνται σε σχέση με το τρέχον έγγραφο ή τη ρίζα του ιστότοπου.

Σύνταξη

...
...

Επιλογές

href Καθορίζει τη διεύθυνση URL του εγγράφου προς πλοήγηση.

name Ορίζει το όνομα της αγκύρωσης μέσα στο έγγραφο.

target Το όνομα του παραθύρου ή του πλαισίου όπου το πρόγραμμα περιήγησης θα φορτώσει το έγγραφο.

τίτλος Προσθέτει μια επεξήγηση εργαλείου στο κείμενο του συνδέσμου.

Υποχρεούμαι.

Παράδειγμα 1: Χρήση ετικέτας

Ετικέτα Α

Δείτε τη φωτογραφία μου!

Πώς να τραβήξετε την ίδια φωτογραφία;

3.2

4

Περιγραφή παραμέτρων ετικέτας

1.0

1.1

Παράμετρος HREF

HTML:

Σύνταξη

...

XHTML:

Περιγραφή

Καθορίζει τη διεύθυνση του εγγράφου στο οποίο θα μεταβείτε. Δεδομένου ότι οποιοσδήποτε τύπος εγγράφου μπορεί να χρησιμοποιηθεί ως διεύθυνση συνδέσμου, το αποτέλεσμα της παρακολούθησης του συνδέσμου εξαρτάται από το αρχείο προορισμού. Έτσι, τα αρχεία (αρχεία με την επέκταση zip ή rar) θα αποθηκευτούν σε έναν τοπικό δίσκο. Από προεπιλογή, το νέο έγγραφο φορτώνεται στο τρέχον παράθυρο του προγράμματος περιήγησης, αλλά αυτή η ιδιότητα μπορεί να αλλάξει χρησιμοποιώντας την παράμετρο προορισμού.

Απαιτούμενη παράμετρος

Απαιτείται για παραπομπές.

Επιχειρήματα

Προεπιλεγμένη τιμή

Παράδειγμα 2: Χρήση της παραμέτρου href

Ετικέτα A, παράμετρος href

Πώς να τραβήξετε την ίδια φωτογραφία;

3.2

4

Περιγραφή παραμέτρων ετικέτας

1.0

1.1

Παράμετρος HREF

Σχετικός σύνδεσμος<А>Απόλυτος σύνδεσμος

Παράμετρος NAME Η παράμετρος ονόματος χρησιμοποιείται για τον καθορισμό της άγκυρας μέσα στη σελίδα. Αρχικά, θα πρέπει να ορίσετε έναν σελιδοδείκτη στην κατάλληλη θέση και να ορίσετε το όνομά του χρησιμοποιώντας την παράμετρο όνομα της ετικέταςΔεν είναι απαραίτητο να γράψετε κείμενο, καθώς χρειάζεται μόνο να υποδείξετε τη θέση του συνδέσμου.

Σύνταξη

...

XHTML:

Υποχρεωτικά για άγκυρες.

Καθορίζει τη διεύθυνση του εγγράφου στο οποίο θα μεταβείτε. Δεδομένου ότι οποιοσδήποτε τύπος εγγράφου μπορεί να χρησιμοποιηθεί ως διεύθυνση συνδέσμου, το αποτέλεσμα της παρακολούθησης του συνδέσμου εξαρτάται από το αρχείο προορισμού. Έτσι, τα αρχεία (αρχεία με την επέκταση zip ή rar) θα αποθηκευτούν σε έναν τοπικό δίσκο. Από προεπιλογή, το νέο έγγραφο φορτώνεται στο τρέχον παράθυρο του προγράμματος περιήγησης, αλλά αυτή η ιδιότητα μπορεί να αλλάξει χρησιμοποιώντας την παράμετρο προορισμού.

Κάθε κείμενο έχει διάκριση πεζών-κεφαλαίων.

Απαιτείται για παραπομπές.

Παράδειγμα 3: Δημιουργία αγκύρωσης χρησιμοποιώντας την παράμετρο ονόματος

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Κορυφή

Παράμετρος TARGET

Παράμετρος HREF

Από προεπιλογή, όταν κάνετε κλικ σε έναν σύνδεσμο, ανοίγει το έγγραφο τρέχον παράθυροή πλαίσιο. Εάν είναι απαραίτητο, αυτή η συνθήκη μπορεί να αλλάξει από την παράμετρο ετικέτας στόχου<А>. Στο Χ εφαρμογή HTMLΑυτή η επιλογή δεν επιτρέπεται.

Σύνταξη

...

XHTML:

Καθορίζει τη διεύθυνση του εγγράφου στο οποίο θα μεταβείτε. Δεδομένου ότι οποιοσδήποτε τύπος εγγράφου μπορεί να χρησιμοποιηθεί ως διεύθυνση συνδέσμου, το αποτέλεσμα της παρακολούθησης του συνδέσμου εξαρτάται από το αρχείο προορισμού. Έτσι, τα αρχεία (αρχεία με την επέκταση zip ή rar) θα αποθηκευτούν σε έναν τοπικό δίσκο. Από προεπιλογή, το νέο έγγραφο φορτώνεται στο τρέχον παράθυρο του προγράμματος περιήγησης, αλλά αυτή η ιδιότητα μπορεί να αλλάξει χρησιμοποιώντας την παράμετρο προορισμού.

Το όρισμα είναι το όνομα του παραθύρου ή του πλαισίου, καθορίζεται από την παράμετροόνομα. Εάν οριστεί ένα ανύπαρκτο όνομα, θα ανοίξει ένα νέο παράθυρο. Τα παρακάτω χρησιμοποιούνται ως δεσμευμένα ονόματα.

Κενό Φορτώνει τη σελίδα σε νέο παράθυρο του προγράμματος περιήγησης.

Απαιτείται για παραπομπές.

_parent Φορτώνει τη σελίδα στο γονικό πλαίσιο, αν δεν υπάρχουν πλαίσια, τότε αυτή η παράμετρος λειτουργεί σαν _self.

_top Απορρίπτει όλα τα πλαίσια και φορτώνει τη σελίδα σε ένα πλήρες παράθυρο του προγράμματος περιήγησης, εάν δεν υπάρχουν πλαίσια, αυτή η παράμετρος λειτουργεί όπως _self.

Πώς να τραβήξετε την ίδια φωτογραφία;

3.2

4

Περιγραφή παραμέτρων ετικέτας

1.0

1.1

Παράμετρος HREF

Σύνταξη

...

XHTML:

Καθορίζει τη διεύθυνση του εγγράφου στο οποίο θα μεταβείτε. Δεδομένου ότι οποιοσδήποτε τύπος εγγράφου μπορεί να χρησιμοποιηθεί ως διεύθυνση συνδέσμου, το αποτέλεσμα της παρακολούθησης του συνδέσμου εξαρτάται από το αρχείο προορισμού. Έτσι, τα αρχεία (αρχεία με την επέκταση zip ή rar) θα αποθηκευτούν σε έναν τοπικό δίσκο. Από προεπιλογή, το νέο έγγραφο φορτώνεται στο τρέχον παράθυρο του προγράμματος περιήγησης, αλλά αυτή η ιδιότητα μπορεί να αλλάξει χρησιμοποιώντας την παράμετρο προορισμού.

Άνοιγμα σε νέο παράθυρο Παράμετρος TITLEκείμενο

Απαιτείται για παραπομπές.

Κάθε

. Η συμβολοσειρά πρέπει να περικλείεται σε διπλά ή μονά εισαγωγικά." !}Παράδειγμα 5: Δημιουργία επεξήγησης εργαλείου

Ετικέτα Α, παράμετρος τίτλου

title="Σχέδια διαφόρων ζώων και άλλα... >ΣχέδιαΕτικέτες συνδέσμων

είναι ένα από σημαντικά στοιχεία HTML και προορίζεται για τη δημιουργία συνδέσμων. Ανάλογα με την παρουσία του ονόματος ή των παραμέτρων href, η ετικέτα A ορίζει έναν σύνδεσμο ή μια άγκυρα.

Το BASE ορίζεται μέσα στο κοντέινερ HEAD και δίνει εντολή στο πρόγραμμα περιήγησης να είναι πλήρωςδιεύθυνση βάσης
τρέχον έγγραφο.

Σύνδεσμος html

- αυτή είναι μια από τις βασικές έννοιες στη δημιουργία εγγράφων HTML. Κάθε χρήστης του Διαδικτύου τα έχει χρησιμοποιήσει τουλάχιστον μία φορά. Κάθε φορά που κάνετε κλικ στο Διαδίκτυο για να πάτε, να δείτε, να διαβάσετε, να διαβάσετε περισσότερα, να κάνετε κλικ σε ειδήσεις κ.λπ., χρησιμοποιείτε συνδέσμους! Οι σελίδες στις οποίες κάνετε κλικ μπορεί να βρίσκονται σε εντελώς διαφορετικούς ιστότοπους.

Ο σύνδεσμος συνήθως επισημαίνεται με υπογράμμιση και μπλε χρώμα. Ωστόσο, σύνδεσμοι άλλων χρωμάτων, εικόνων και περιοχών του ιστότοπου μπορούν να χρησιμεύσουν ως σύνδεσμοι.

Ο σύνδεσμος συνήθως επισημαίνεται με υπογράμμιση και μπλε χρώμα. Ωστόσο, σύνδεσμοι άλλων χρωμάτων, εικόνων και περιοχών του ιστότοπου μπορούν να χρησιμεύσουν ως σύνδεσμοι. Μεταβείτε στο Yandex Ως αποτέλεσμα παίρνουμεχαρακτηριστικό τίτλου

Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από το σύνδεσμο, θα εμφανιστεί το μήνυμα "Σύνδεση στο Yandex".

χαρακτηριστικό συνόλου χαρακτήρων

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

Ιστοσελίδα με κωδικοποίηση utf-8

Σας ευχαριστώ για την προσοχή σας! Το μάθημα είναι πολύ σημαντικό! Η χρήση συνδέσμων είναι τα βασικά! Καλή τύχη!

Οι σύνδεσμοι μπορούν να χωριστούν σε δύο κατηγορίες:
συνδέσμους με εξωτερικούς πόρους— δημιουργούνται με χρήση ετικέτας και χρησιμοποιούνται για την επέκταση των δυνατοτήτων του τρέχοντος εγγράφου κατά την επεξεργασία από το πρόγραμμα περιήγησης.
υπερσυνδέσμους— συνδέσμους προς άλλους πόρους που μπορεί να επισκεφθεί ή να κατεβάσει ο χρήστης.

Πώς να δημιουργήσετε υπερσυνδέσμους σε έναν ιστότοπο

1. Δομή συνδέσμων

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

Απαιτούμενη παράμετρος ετικέτας είναι το χαρακτηριστικό href, το οποίο καθορίζει τη διεύθυνση URL της ιστοσελίδας.

ευρετήριο συνδέσμου

Ο σύνδεσμος αποτελείται από δύο μέρη − δείκτηςΚαι τμήμα διεύθυνσης. Ευρετήριο συνδέσμουείναι ένα κομμάτι κειμένου ή εικόνας ορατό στον χρήστη. Τμήμα διεύθυνσηςΟ σύνδεσμος δεν είναι ορατός στον χρήστη, αντιπροσωπεύει τη διεύθυνση του πόρου στον οποίο πρέπει να μεταβείτε.

Το τμήμα διεύθυνσης του συνδέσμου αποτελείται από URl. URL(Uniform Resource Locator) - ενιαία διεύθυνση πόρων. Κατά τη δημιουργία διευθύνσεων, συνιστάται να χρησιμοποιείτε παύλα αντί για υπογράμμιση για να διαχωρίσετε λέξεις. ΣΕ γενική άποψη URL με την ακόλουθη μορφή:

Μέθοδος πρόσβασης://όνομα διακομιστή:θύρα/διαδρομή

Μέθοδος πρόσβασης, ή πρωτόκολλο, ανταλλάσσει δεδομένα μεταξύ σταθμών εργασίας στο διαφορετικά δίκτυα. Τα πιο κοινά πρωτόκολλα μεταφοράς δεδομένων:

Το αρχείο παρέχει ανάγνωση ενός αρχείου από τον τοπικό δίσκο:

Αρχείο:/gallery/pictures/summer.html

Το http παρέχει πρόσβαση σε μια ιστοσελίδα χρησιμοποιώντας το πρωτόκολλο HTTP:

http://site.ru/

Το https είναι μια ειδική υλοποίηση του πρωτοκόλλου HTTP που χρησιμοποιεί κρυπτογράφηση (συνήθως SSL ή TLS)

https://site.ru/

Το ftp κάνει ένα αίτημα στον διακομιστή FTP να λάβει ένα αρχείο:

Ftp://pgu/directory/library

Το mailto ξεκινά μια συνεδρία ταχυδρομική υπηρεσίαμε τον καθορισμένο προορισμό και τον κεντρικό υπολογιστή:

Mailto: [email προστατευμένο]

Όνομα διακομιστήπεριγράφει ονοματεπώνυμομηχανήματα στο δίκτυο, για παράδειγμα, site.ru. Εάν το όνομα διακομιστή δεν έχει καθοριστεί, τότε ο σύνδεσμος θεωρείται τοπικός, δηλ. βρίσκεται στον ίδιο υπολογιστή με το έγγραφο HTML που περιέχει τη σύνδεση.

Αριθμός θύρας TCP, στον οποίο λειτουργεί ο διακομιστής web. Αυτός είναι ένας αριθμός που πρέπει να καθοριστεί εάν η μέθοδος απαιτεί αριθμό θύρας (οι μεμονωμένοι διακομιστές μπορεί να έχουν τον δικό τους διακριτικό αριθμό θύρας). Εάν δεν έχει καθοριστεί καμία θύρα, η θύρα 80 χρησιμοποιείται από προεπιλογή. Τυπικές θύρεςεκτάριο:
21 - FTP
23 - Telnet
70 - Γκόφερ
80 - HTTP

Μονοπάτιπεριέχει το όνομα του φακέλου στον οποίο βρίσκεται το αρχείο.

2. Απόλυτη και σχετική διαδρομή

Όταν ένας σύνδεσμος καθορίζει μόνο ένα όνομα αρχείου, το πρόγραμμα περιήγησης υποθέτει ότι το αρχείο βρίσκεται στον ίδιο φάκελο με το έγγραφο που περιέχει την υπερ-σύνδεση. Στην πράξη, οι ιστότοποι περιέχουν εκατοντάδες έγγραφα που δημοσιεύονται ξεχωριστούς φακέλουςώστε να είναι πιο εύκολη η διαχείρισή τους. Για να δημιουργήσετε έναν σύνδεσμο προς ένα αρχείο εκτός του φακέλου που περιέχει το τρέχον έγγραφο, πρέπει να καθορίσετε τη θέση ή τη διαδρομή του αρχείου. Η HTML υποστηρίζει δύο τύπους διαδρομής: απόλυτη και σχετική.

Ρύζι. 1. Παράδειγμα δομής φακέλου

2.1. Απόλυτη διαδρομή

Απόλυτη διαδρομήυποδεικνύει ακριβής τοποθεσίααρχείο εντός ολόκληρης της δομής φακέλου στον υπολογιστή (διακομιστής). Η απόλυτη διαδρομή προς το αρχείο παρέχει πρόσβαση στο αρχείο από πόρους τρίτων και περιέχει τα ακόλουθα στοιχεία:
1) πρωτόκολλο, για παράδειγμα, http (προαιρετικό).
2) τομέας ( όνομα τομέαή διεύθυνση IP υπολογιστή).
3) φάκελος (το όνομα του φακέλου που υποδεικνύει τη διαδρομή προς το αρχείο).
4) αρχείο (όνομα αρχείου).

Υπάρχουν δύο τύποι ηχογράφησης απόλυτη διαδρομή- με ή χωρίς το πρωτόκολλο:

Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Εάν το αρχείο βρίσκεται στον ριζικό φάκελο, τότε η διαδρομή προς το αρχείο θα είναι η εξής:

http://site.ru/index.html

Εάν δεν υπάρχει όνομα αρχείου, θα φορτωθεί η ιστοσελίδα που έχει οριστεί από προεπιλογή στις ρυθμίσεις του διακομιστή web (το λεγόμενο αρχείο ευρετηρίου).

http://site.ru/

Συνήθως ως αρχείο ευρετηρίουλειτουργεί ως έγγραφο με το όνομα index.html . Η παρουσία μιας τελικής κάθετου / σημαίνει ότι η πρόσβαση πηγαίνει στον φάκελο, εάν δεν υπάρχει, πηγαίνει απευθείας στο αρχείο.

2.2. Σχετική διαδρομή

Σχετική διαδρομήπεριγράφει τη διαδρομή προς το καθορισμένο έγγραφο σε σχέση με το τρέχον. Η διαδρομή καθορίζεται με βάση τη θέση της ιστοσελίδας στην οποία βρίσκεται ο σύνδεσμος. Σχετικοί σύνδεσμοιχρησιμοποιούνται κατά τη δημιουργία συνδέσμων προς άλλα έγγραφα στον ίδιο ιστότοπο. Όταν το πρόγραμμα περιήγησης δεν βρίσκει το πρωτόκολλο http:// στον σύνδεσμο, αναζητά τον ίδιο διακομιστή για το καθορισμένο έγγραφο.

Μια σχετική διαδρομή περιέχει τα ακόλουθα στοιχεία:
1) φάκελος (όνομα φακέλου που υποδεικνύει τη διαδρομή προς το αρχείο).
2) αρχείο (όνομα αρχείου).

Η διαδρομή για σχετικούς συνδέσμους έχει τρεις ειδικούς συμβολισμούς:
/ δείχνει προς ριζικός κατάλογοςκαι λέει ότι πρέπει να ξεκινήσετε το μονοπάτι από ριζικός κατάλογοςέγγραφα και μεταβείτε στον επόμενο φάκελο
./ δείχνει προς τρέχον φάκελο
../ ανεβείτε έναν φάκελο (κατάλογος)

Η κύρια διαφορά μεταξύ μιας σχετικής διαδρομής και μιας απόλυτης διαδρομής είναι ότι η σχετική διαδρομή δεν περιέχει το όνομα του ριζικού φακέλου και των γονικών φακέλων, γεγονός που καθιστά τη διεύθυνση συντομότερη και εάν μετακινηθείτε από τον έναν τομέα στον άλλο, δεν χρειάζεται να εισάγετε μια νέα απόλυτη διεύθυνση. Αλλά αν πόρος τρίτου μέρουςθα συνδέσει, για παράδειγμα, τις εικόνες σας με σχετικές διευθύνσεις, και στη συνέχεια δεν θα εμφανίζονται σε άλλο ιστότοπο.

3. Άγκυρες

Άγκυρες, ή εσωτερικοί σύνδεσμοι, δημιουργούν μεταβάσεις σε διαφορετικές ενότητες της τρέχουσας ιστοσελίδας, επιτρέποντάς σας να μετακινηθείτε γρήγορα μεταξύ των ενοτήτων. Αυτό αποδεικνύεται πολύ βολικό όταν υπάρχει πάρα πολύ κείμενο στη σελίδα. Εσωτερικοί σύνδεσμοιδημιουργούνται επίσης χρησιμοποιώντας την ετικέτα με τη διαφορά ότι το χαρακτηριστικό href περιέχει το όνομα του δείκτη - το λεγόμενο άγκυρα, όχι τη διεύθυνση URL. Το όνομα του δείκτη προηγείται πάντα από ένα σύμβολο #.

Γεια σας, αγαπητοί αναγνώστες του ιστότοπου του ιστολογίου. Αποφάσισα να αφιερώσω τη σημερινή δημοσίευση η πιο σημαντική πτυχή webmastering, όπου θα προσπαθήσω να εξηγήσω αναλυτικά τι είναι υπερσύνδεσμος, με τον οποίο είναι άρρηκτα συνδεδεμένος, ο οποίος με τη σειρά του, χωρίς υπερβολές, αποτελεί τη βάση του Διαδικτύου.

Αλλά για να δημιουργήσετε σωστά υπερσυνδέσμους και να τους εισαγάγετε στον κώδικα των ιστοσελίδων (για παράδειγμα, στον ιστότοπό σας), πρέπει να μελετήσετε τη σχετική περιοχή της γλώσσας σήμανση υπερκειμένου(), καθώς αυτά τα στοιχεία σχηματίζονται χρησιμοποιώντας την ετικέτα HTML a, η οποία έχει , επιτρέποντάς σας να εκσυγχρονίσετε τη σύνδεση στην επιθυμητή φόρμα.

Έτσι, σήμερα θα δούμε από ποια μέρη αποτελείται μια υπερ-σύνδεση, πώς η χρήση του χαρακτηριστικού κενού στόχου καθιστά δυνατό το άνοιγμα μιας σελίδας σε ένα νέο παράθυρο (καρτέλα), πώς να κάνετε οποιαδήποτε εικόνα σύνδεσμο και πολλές άλλες σημαντικές λεπτομέρειες. Μεταξύ άλλων, αυτές οι πληροφορίες θα σας βοηθήσουν στην εκμάθηση της γλώσσας HTML.

Τι είναι ένας υπερσύνδεσμος και μπορεί να ονομαστεί σύνδεσμος;

Απαντώντας στην ερώτηση που τέθηκε στον τίτλο, θα πω ότι ο όρος «σύνδεσμος» έχει ένα ευρύτερο σημασιολογικό φάσμα (σύνδεση με τη Σιβηρία, τραπεζικές υπηρεσίες για την αναγνώριση του πληρωτή, κείμενο σε βιβλίο κ.λπ.), συμπεριλαμβανομένης της έννοιας που είναι εγγενής στην έννοια του "υπερσύνδεσμος" , ο οποίος σχετίζεται μόνο με το υπερκείμενο, το οποίο καθιστά δυνατή τη μη γραμμική αντίληψη πληροφοριών.

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

Υπάρχουν όμως και αόρατες υπηρεσίες, που δημιουργούνται με χρήση και βρίσκεται μέσα, του οποίου η αποστολή είναι να στέλνει πολλά σήματα και εντολές σε προγράμματα περιήγησης για να εκτελέσουν μια συγκεκριμένη λειτουργία.

Για παράδειγμα, χρησιμοποιώντας υπερσυνδέσμους υπηρεσίας είναι δυνατό να εμφανιστεί ένα εικονίδιο. Μπορούν να θεωρηθούν μόνο ως μέρος του κώδικα HTML (για να το κάνετε αυτό, κάντε κλικ σε οποιαδήποτε σελίδα που είναι ανοιχτή στο πρόγραμμα περιήγησης):

Προς το παρόν, ας αφήσουμε ήσυχους τους συνδέσμους υπηρεσιών και ας εξετάσουμε το γενικό μοτίβο δημιουργίας υπερσυνδέσμων. Αυτό που έχουν κοινό είναι ότι έχουν όλοι απαιτούμενο χαρακτηριστικό href, η τιμή του οποίου είναι η διεύθυνση του εγγράφου (). Σύνδεσμος HTMLμπορεί να οδηγήσει όπως εσωτερική σελίδατοποθεσία και σε εξωτερικό έγγραφο.

Κάτι ακόμα σημαντική σημείωση. Η χρήση του χαρακτηριστικού href κάνει τους υπερσυνδέσμους με δυνατότητα κλικ, δηλαδή επιτρέπει στους χρήστες να μεταβαίνουν αυτόματα στην αντίστοιχη σελίδα του ιστότοπου ως αποτέλεσμα του κλικ σε αυτούς.

Πώς να δημιουργήσετε έναν υπερσύνδεσμο σε HTML χρησιμοποιώντας href

Έτσι, γνωρίζουμε ήδη ότι για τη δημιουργία ενός συνδέσμου απαιτούνται η ετικέτα a και το χαρακτηριστικό href, οι παράμετροι των οποίων μπορεί να είναι URL διάφορα είδη. Επειδή ένααυτό, μετά ανάμεσα στο άνοιγμα και το κλείσιμοπεριέχει το περιεχόμενο που θα εμφανίζεται στην ιστοσελίδα.

Αυτό το περιεχόμενο ονομάζεται άγκυρακαι μπορεί να παρουσιαστεί με τη μορφή κειμένου ή εικόνας (θα μιλήσουμε περισσότερα για το πώς να δημιουργήσετε μια εικόνα ως σύνδεσμο παρακάτω). Όπως ήδη σημείωσα, η άγκυρα θα έχει δυνατότητα κλικ. Ας δούμε ένα παράδειγμα υπερσυνδέσμου με περιεχόμενο κειμένου. Αυτός είναι ο σχεδιασμός του σε κώδικα HTML:

λίγα για τις άγκυρες

Εκτός από το HTTP, ασφαλές Πρωτόκολλο HTTP S. Ο σύνδεσμος δεν χρειάζεται να οδηγεί σε μια ιστοσελίδα. Όλα εξαρτώνται από την τιμή href, η οποία μπορεί να είναι η διαδρομή προς κάποιο αρχείο:

//site/wp-content/uploads/2012/05/giperssylqi-v-html.jpg

λήψη

Στην ιστοσελίδα αυτός ο σύνδεσμος θα έχει την ακόλουθη μορφή:

Το πρόγραμμα περιήγησης "καταλαβαίνει" ότι ένα αντικείμενο με επέκταση .zip μπορεί να προορίζεται μόνο για λήψη, κάτι που ζητείται από τον χρήστη να κάνει.

Παρεμπιπτόντως, η διαδρομή προς οποιοδήποτε αρχείο υποδεικνύεται μερικές φορές μέσω FTP(). Στη συνέχεια, στη διεύθυνση URL που χρησιμοποιείται ως παράμετρος χαρακτηριστικού href, θα πρέπει απλώς να αντικαταστήσετε το πρωτόκολλο HTTP (HTTPS) με FTP. Ο σύνδεσμος του αρχείου θα μοιάζει με αυτό:

λήψη από διακομιστή

Αλλά δεν είναι μόνο αυτό. Επίσης δημιουργείται ένας σύνδεσμος προς e-mailχρησιμοποιώντας το ψευδο-πρωτόκολλο mailtoΓια γρήγορη πρόσβασηστο εργαλείο γραφής επιστολών:

γράφουν γράμματα

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

Στην πράξη, οι υπερσύνδεσμοι προς την αλληλογραφία χρησιμοποιούνταν πολύ συχνά στο παρελθόν από webmasters και ιδιοκτήτες μεγάλων πόρων για να εξασφαλίσουν την ευκολία των χρηστών και των πελατών που μπορούσαν να έχουν πρόσβαση στη φόρμα αλληλογραφίας με ένα κλικ.

Αλλά αυτός ο τύπος επικοινωνίας σε πόρους ιστού δεν είναι πλέον τόσο δημοφιλής (ειδικά επειδή μπορείτε να εγκαταστήσετε, για παράδειγμα), επειδή ανοίγετε με αυτόν τον τρόπο ταχυδρομικές διευθύνσειςπαρεμποδίζεται ενεργά από λογισμικό και χρησιμοποιείται από διάφορους τύπους spammers.

Έδωσα ως παράδειγμα μόνο τα πιο κοινά πρωτόκολλα που αποτελούν μέρος της διεύθυνσης URL, η οποία, με τη σειρά της, είναι μια παράμετρος του χαρακτηριστικού href κατά το σχηματισμό μιας υπερσύνδεσης. Εκτός από το HTTP (HTTPS), το FTP και το mailto, υπάρχουν και άλλα για την επίλυση πιο εξειδικευμένων προβλημάτων. Ίσως θα τα δούμε αναλυτικότερα σε άλλες δημοσιεύσεις.

Τύποι υπερσυνδέσμων

Τώρα ας προσπαθήσουμε να ταξινομήσουμε τους συνδέσμους σύμφωνα με ορισμένα κριτήρια.

Σύμφωνα με το πεδίο εφαρμογής τους:

1. Εξωτερικός— οδηγούν σε σελίδες που βρίσκονται εκτός του ιστότοπου στον οποίο έχουν αναρτηθεί·

2. Οικιακός— συνδέστε ιστοσελίδες που βρίσκονται στον ίδιο πόρο ιστού.

Ανά μορφή:

2. Γραφικά e - σε αυτήν την περίπτωση, η άγκυρα της υπερ-σύνδεσης είναι μια εικόνα (συμπεριλαμβανομένης μιας μικρογραφίας), ένα banner, ένα κουμπί κ.λπ.

Ανά τύπο διεύθυνσης URL που χρησιμεύει ως η τιμή του χαρακτηριστικού href:

1. Απόλυτος, τα οποία περιέχουν μια ρητή ένδειξη του πρωτοκόλλου μεταφοράς δεδομένων (για παράδειγμα, HTTP) και του ονόματος τομέα του ιστότοπου (σε οτιδήποτε αφορά τους τομείς).

Τέτοιοι σύνδεσμοι χρησιμοποιούνται συχνότερα όταν αναφέρονται σε σελίδες εξωτερικούς πόρους. Σε αυτήν την περίπτωση η τιμή href θα περιλαμβάνει πλήρης διαδρομήνα το επιθυμητό αρχείοή ιστοσελίδες. Ακολουθεί ένα παράδειγμα απόλυτης υπερσύνδεσης:

Πλαίσιο - τι είναι;

2. Σχετικός, μία από τις επιλογές για τη δημιουργία της οποίας θα είναι η διαδρομή που καθορίζεται σε σχέση με τον ριζικό φάκελο του ιστότοπου (εξ ου και το όνομα αυτού του τύπου υπερ-σύνδεσης). Ταυτόχρονα, από Διευθύνσεις URLΤο πρωτόκολλο (HTTP) και ο τομέας του ιστότοπου θα αποσυρθούν:

Πλαίσιο - τι είναι;

Οι σχετικοί υπερσύνδεσμοι σε μια ιστοσελίδα μπορούν να παρέχουν συνδέσμους σε εσωτερικές σελίδες. Σε αυτή τη μορφή είναι μικρότερα, γεγονός που διευκολύνει τον κώδικα HTML. Φυσικά, όλα δεν είναι τόσο απλά, και απαιτούν ευρύτερη κάλυψη, την οποία μπορείτε να δείτε αν ακολουθήσετε τον σύνδεσμο που παρέχεται.

Χαρακτηριστικά της ετικέτας a

Ας δούμε τώρα ποιες άλλες ιδιότητες υπάρχουν, εκτός από το απαιτούμενο href, και πώς μπορούν να επηρεάσουν τη δημιουργία μιας υπερσύνδεσης. Τα πιο πλήρη δεδομένα από αυτή την άποψη, θα λέγαμε, «από πρώτο χέρι», μπορείτε να βρείτε στον επίσημο ιστότοπο της Διεθνούς Κοινοπραξίας W3C, όπου ενημερωμένες πληροφορίες εμφανίζονται πιο γρήγορα.

Είναι εντελώς πανομοιότυπα και ξεκινούν το άνοιγμα μιας ιστοσελίδας στην τρέχουσα καρτέλα. Εάν θέλετε οι σελίδες να ανοίγουν σε μια νέα καρτέλα όταν κάνετε κλικ σε συνδέσμους, τότε θα πρέπει να προσθέσετε κατά τη δημιουργία ενός συνδέσμου χαρακτηριστικό στόχο με κενή παράμετρο:

Πλαίσιο - τι είναι;

Παρόλο που ορισμένοι webmasters και ειδικοί SEO πιστεύουν ότι είναι καλύτερο να δοθεί στον επισκέπτη η ευκαιρία να επιλέξει (δηλαδή, να μην καθορίσετε ένα κενό στόχο), επειδή εάν είναι απαραίτητο, η σελίδα μπορεί να ανοίξει σε μια νέα καρτέλα χρησιμοποιώντας μενού περιβάλλοντος(μετακινήστε τον κέρσορα στον σύνδεσμο, κάντε κλικ δεξί κλικποντίκι και κάντε κλικ στο κατάλληλο στοιχείο):

Επιπλέον, όπως μπορείτε να δείτε, σε αυτή την περίπτωση ο χρήστης έχει το πλεονέκτημα ότι είναι δυνατό να ανοίξει την ιστοσελίδα όχι μόνο σε μια νέα καρτέλα, αλλά και σε νέο παράθυρο(αυτή η επιλογή δεν μπορεί να εφαρμοστεί μέσω HTML, μόνο με τη χρήση σεναρίων).

Αλλά πιστεύω ότι δεν είναι όλοι οι αρχάριοι χρήστες πλήρως εξοικειωμένοι με τις δυνατότητες και τις ρυθμίσεις δημοφιλή προγράμματα περιήγησης(). Είναι πολύ πιθανό ότι ένας αναγνώστης, έχοντας ακολουθήσει έναν εξωτερικό υπερσύνδεσμο και έχοντας χάσει τα μάτια του την αρχική σελίδα (αντ' αυτού θα εμφανιστεί το έγγραφο του παραλήπτη), απλώς θα κλείσει την καρτέλα με απογοήτευση.

Έτσι, ο ιδιοκτήτης ενός πόρου Ιστού μπορεί κάλλιστα όχι μόνο να χάσει έναν πολλά υποσχόμενο επισκέπτη, αλλά και να χειροτερέψει παράγοντες συμπεριφοράς(), το οποίο θα συνεπάγεται απώλεια της θέσης της σελίδας κατά την κατάταξη.

Επιπλέον, το άνοιγμα μιας σελίδας σε μια διπλανή καρτέλα είναι πολύ βολικό από άποψη χρηστικότητας (). Ο χρήστης ακολουθεί έναν υπερσύνδεσμο σε μια ιστοσελίδα και λαμβάνει πρόσθετες πληροφορίεςκαι, σαν να μην είχε συμβεί τίποτα, συνεχίζει να μελετά το κύριο υλικό.

Για να δημιουργήσετε μια αντικειμενική εικόνα, θα πρέπει να προστεθεί ότι η εφαρμογή "target="_blank"" σε οποιαδήποτε εξωτερικούς συνδέσμους, αποδεικνύεται, ενέχει κάποιο είδος κινδύνου για την ασφάλεια. Αν κάποιος ενδιαφέρεται, μπορεί να διαβάσει, όπου δίνονται συστάσεις για την αντιμετώπιση προβλημάτων κατά τη χρήση του κενού στόχου, και επίσης παρουσιάζονται εναλλακτικές επιλογέςυλοποίηση της εργασίας ανοίγματος μιας ιστοσελίδας σε μια νέα καρτέλα.

Φαίνεται ότι σημείωσα όλα τα πλεονεκτήματα και τα μειονεκτήματα της χρήσης της κενής τιμής για το άνοιγμα μιας υπερ-σύνδεσης σε μια νέα καρτέλα. Εάν διαβάζετε άρθρα στο ιστολόγιό μου, πιθανότατα έχετε ήδη μαντέψει τη στάση μου απέναντι σε αυτήν την παράμετρο του χαρακτηριστικού στόχου.

Επί αυτή τη στιγμήΓια μένα, τα πλεονεκτήματά του υπερτερούν των μειονεκτημάτων του και είμαι άνευ όρων υποστηρικτής. Με βάση τα παραπάνω στοιχεία, μπορείτε να σχηματίσετε τη δική σας γνώμη για αυτό το θέμα. Αν και... λαμβάνοντας υπόψη την εμφάνιση νέων συνθηκών, μπορεί να αλλάξει.

Πώς να δημιουργήσετε συνδέσμους κατακερματισμού, άγκυρες και γιατί χρειάζονται;

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

Δεν χρειάζεται να ψάξετε πολύ για ένα παράδειγμα, απλώς κοιτάξτε τον πίνακα περιεχομένων αυτής της δημοσίευσης στην αρχή. Βλέπετε ότι υπάρχει μια λίστα με ενότητες του άρθρου; Οι υπερσύνδεσμοι σε αυτές τις ενότητες είναι απλώς σύνδεσμοι κατακερματισμού. Αφού κάνετε κλικ σε κάποιο από αυτά, το πρόγραμμα περιήγησης θα πραγματοποιήσει κύλιση της σελίδας στο σημείο όπου ξεκινά το αντίστοιχο τμήμα.

Τέτοιοι σύνδεσμοι δημιουργούνται πολύ απλά. Πρώτα πρέπει να δημιουργήσετε άγκυρατοποθετώντας μια αντίστοιχη ετικέτα στην απαιτούμενη θέση της σελίδας με τη μορφή αναγνωριστικού, που είναι ένα από τα καθολικά χαρακτηριστικά που εφαρμόζονται σε οποιαδήποτε ετικέτα HTML.

Χάρη στην καθολικότητα του ID, τέτοιες ετικέτες αγκύρωσης μπορούν να εγκατασταθούν σχεδόν οπουδήποτε σε μια ιστοσελίδα. Δεδομένου ότι το κείμενο συνήθως χωρίζεται σε παραγράφους, μπορούν επίσης να εφαρμοστούν σε αυτές. Βάζω κυρίως άγκυρες με τις οποίες τα άρθρα χωρίζονται σε λογικά μέρη:

Έχοντας σημειώσει έτσι τα πάντα τα σωστά μέρησε κώδικα HTML και, στη συνέχεια, δημιουργήστε υπερσυνδέσμους προς αυτούς. Για να γίνει αυτό, στο τέλος, μετά την τελευταία κάθετο «/» στη διεύθυνση URL (η οποία, όπως ήδη γνωρίζετε, είναι η τιμή του χαρακτηριστικού href), γράφουμε διαδοχικά το σύμβολο λίρας «#» και το όνομα της ετικέτας (ID ):

Πώς να σχηματίσετε συνδέσμους κατακερματισμού και άγκυρες;

Επιπλέον, εάν ένας τέτοιος σύνδεσμος αγκύρωσης τοποθετηθεί στην ίδια σελίδα με τα άγκυρα, τότε μέρος της διεύθυνσης URL μέχρι και την τελευταία κάθετο πριν από τον κατακερματισμό μπορεί να παραλειφθεί και μόνο το "#" συν το όνομα αναγνωριστικού χρησιμοποιούνται ως παράμετρος href (στην ουσία, αυτή είναι μια από τις επιλογές για σχετικούς συνδέσμους):

Πώς να σχηματίσετε συνδέσμους κατακερματισμού και άγκυρες;

Δηλαδή, όταν συντάσσετε έναν πίνακα περιεχομένων για ένα εγχειρίδιο για τη βελτιστοποίηση του κώδικα HTML, μπορείτε εύκολα να χρησιμοποιήσετε αυτήν την ελαφριά επιλογή. Εάν βάλετε μόνο ένα σύμβολο κατακερματισμού ως διεύθυνση URL, χωρίς το όνομα του αναγνωριστικού, τότε από το σημείο όπου βρίσκεται ένας τέτοιος σύνδεσμος, η σελίδα θα πραγματοποιήσει κύλιση μέχρι το τέλος:

Κορυφή

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

Πώς να αφαιρέσετε την υπογράμμιση και να αλλάξετε το χρώμα του συνδέσμου

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

Εάν χρειάζεται να επαναλαμβάνει τέτοιες ενέργειες επανειλημμένα, θα μπορεί να προσδιορίσει γρήγορα σε ποιους συνδέσμους έχει ήδη κάνει κλικ και σε ποιους όχι. Αυτή η επιλογή περιλαμβάνεται σχεδόν σε κάθε πρόγραμμα περιήγησης. Δεν χρειάζεται να εξηγήσουμε πόσο βολικό είναι αυτό και πόσο χρόνο εξοικονομεί.

Από προεπιλογή και χωρίς εφαρμογή Εργαλεία CSSυπερσυνδέσμους τονίζεται με υπογράμμιση και τρεις χρωματικές επιλογές, καθένα από τα οποία έχει το δικό του χαρακτηριστικό για:

• σύνδεσμος - ορίζει το χρώμα της υπερ-σύνδεσης στην ιστοσελίδα (μπλε από προεπιλογή, το οποίο ορίζεται #0000ff).
• alink - χρώμα ενεργός υπερσύνδεσμοςγια το χρονικό διάστημα που επεξεργάζεται το πρόγραμμα περιήγησης ιστού (κόκκινο #ff0000).
• vlink — το χρώμα του συνδέσμου που επισκέφτηκε ο χρήστης (μωβ, #800080).

Πώς μπορείτε να αλλάξετε τα χρώματα των συνδέσμων που εμφανίζουν τα προγράμματα περιήγησης για τον ιστότοπό σας; Λοιπόν, για έναν απλό ιστότοπο HTML όπου οι σελίδες δημιουργούνται με μη αυτόματο τρόπο (και νομίζω ότι δεν υπάρχουν πρακτικά πλήρως λειτουργικοί πόροι αυτού του είδους στη σύγχρονη πραγματικότητα, εκτός ίσως από απλά ημερολόγια και σελίδες προορισμού), απλά πρέπει να βρείτε την αρχική ετικέτα και εγγραφείτε για αυτόν απαιτούμενες παραμέτρους(παρεμπιπτόντως, μπορείτε να χρησιμοποιήσετε το όνομά του για να υποδείξετε ένα χρώμα), για παράδειγμα:

Εάν έχετε εγκαταστήσει ένα σύστημα διαχείρισης περιεχομένου () για τη διαχείριση του πόρου Ιστού σας, τότε, ανεξάρτητα από τον τύπο μηχανής που χρησιμοποιείτε, πρέπει να ανοίξετε για την επεξεργασία του αρχείου που είναι υπεύθυνο για την εμφάνιση της κεφαλίδας (κεφαλίδα), όπου υπάρχει μια ετικέτα ανοίγματος .

Εάν ο πόρος σας εκτελεί WordPress, τότε πρακτική εφαρμογήΜπορείτε να χρησιμοποιήσετε αυτήν την ιδέα ως εργαλείο για την αυτόματη εισαγωγή μιας εικόνας μέσα σε έναν υπερσύνδεσμο, όπου πρώτα επιλέγετε από τη βιβλιοθήκη ή κατεβάζετε την επιθυμητή εικόνα και την εισάγετε στο κείμενο:

Στη συνέχεια, επιλέξτε τον κωδικό εικόνας που προκύπτει και πατήστε το κουμπί "σύνδεσμος" του προγράμματος επεξεργασίας, μετά από το οποίο επικολλάτε τον επιθυμητό αντιγραμμένο υπερσύνδεσμο στο παράθυρο που εμφανίζεται:

Chercher

Chercher χρησιμοποιείται για τη δημιουργία συνδέσμων και αγκυρώσεων ("anchors") σε ένα έγγραφο HTML.

Σύνδεσμος - προορίζεται για μετάβαση σε άλλο έγγραφο (σελίδα ιστότοπου, εικόνα, αρχείο ήχου κ.λπ.) ή σε ένα συγκεκριμένο σημείο (αγκύρωμα) στο τρέχον έγγραφο ή σε ένα έγγραφο που ανοίγει μέσω συνδέσμου. Για να ορίσετε έναν σύνδεσμο, το χαρακτηριστικό href χρησιμοποιείται με μια συγκεκριμένη τιμή URL - τη μοναδική διεύθυνση κάθε εγγράφου στο Διαδίκτυο ή αγκύρωση στη σελίδα.

Άγκυρα ("άγκυρα") - έχει σχεδιαστεί για να ορίζει έναν σελιδοδείκτη σε ένα συγκεκριμένο μέρος σε μια ιστοσελίδα, για επακόλουθη πλοήγηση σε αυτήν μέσω ενός συνδέσμου. Επιπλέον, η άγκυρα μπορεί να βρίσκεται είτε μέσα στην τρέχουσα σελίδα είτε μέσα σε άλλη σελίδα που ανοίγει μέσω συνδέσμου προς την άγκυρα. Για να ορίσετε μια άγκυρα, χρησιμοποιήστε το χαρακτηριστικό name με το όνομα της άγκυρας. Επίσης, οποιαδήποτε ετικέτα με χαρακτηριστικό id μπορεί να χρησιμοποιηθεί ως άγκυρα, συμπεριλαμβανομένης της ετικέτας .

Οι σύνδεσμοι μπορεί να είναι σχετικοί ή απόλυτοι. Σχετικοί σύνδεσμοι- σύνδεσμοι σε σχέση με την τρέχουσα σελίδα ή τη ρίζα του ιστότοπου (χρησιμοποιήστε σχετικές διευθύνσεις URL). Λειτουργούν μόνο εντός της τρέχουσας τοποθεσίας. Απόλυτοι σύνδεσμοι- περιλαμβάνουν μια διεύθυνση URL με την πλήρη διεύθυνση του εγγράφου και ισχύουν όπου καθορίζεται ο σύνδεσμος: σε οποιονδήποτε ιστότοπο, στον τοπικό υπολογιστή.

Γνωρίσματα

Προσωπικά χαρακτηριστικά:

• href - Απαιτείται για συνδέσμους. Υποδεικνύει τη διεύθυνση του εγγράφου ή της άγκυρας προς την οποία θα ακολουθηθεί ο σύνδεσμος.
• όνομα - Απαιτείται για άγκυρες. Καθορίζει το όνομα της άγκυρας.
• rel - Περιγράφει την άμεση σχέση μεταξύ του τρέχοντος εγγράφου και του εγγράφου που ανοίγει μέσω του συνδέσμου.
• rev - Περιγράφει ανατροφοδότησημεταξύ του τρέχοντος εγγράφου και του εγγράφου που ανοίγει μέσω του συνδέσμου.
• στόχος - Καθορίζει το όνομα του παραθύρου ή του πλαισίου στο οποίο θα ανοίξει το έγγραφο.

• κλειδί πρόσβασης - Ορίζει το πλήκτρο συντόμευσης για την εστίαση στο στοιχείο.
• class - Καθορίζει το όνομα της τάξης ή των κλάσεων ετικετών HTML που χρησιμοποιούνται στο CSS (Cascading Style Sheets).
• dir - υποδεικνύει την κατεύθυνση του κειμένου εντός του στοιχείου.
• - καθορίζει το όνομα του αναγνωριστικού ετικέτας, το οποίο μπορεί να χρησιμοποιηθεί ως "άγκυρα" ή σε φύλλα στυλ.
• lang - υποδεικνύει τη γλώσσα στην οποία είναι γραμμένο το κείμενο μέσα στο στοιχείο HTML.
• στυλ - απαιτείται για χρήση ενσωματωμένου Στυλ CSSστο στοιχείο.
• tabindex - ορίζει τη σειρά καρτελών μεταξύ των στοιχείων (κλειδί Tab).
• τίτλος - εμφανίζει μια επεξήγηση εργαλείου όταν τοποθετείτε το ποντίκι πάνω από ένα στοιχείο.

Τύπος ετικέτας

Σκοπός: σύνδεσμοι.

Μοντέλο ετικέτας: ενσωματωμένο (ενσωματωμένο, επίπεδο γραμμής).

Μπορεί να περιέχει:ενσωματωμένες ετικέτες, απλό κείμενο και Ειδικοί χαρακτήρες HTML(βελτίωση της μνήμης).

Δεν μπορεί να περιέχει:άλλες ετικέτες σε οποιοδήποτε επίπεδο φωλιάς.

Ετικέτα ανοίγματος:απαραίτητος. Ετικέτα κλεισίματος:απαραίτητος.

Σύνταξη

...σύνδεσμος κειμένου ή εικόνας... ...προαιρετικό κείμενο...

Παράδειγμα HTML: Χρήση της ετικέτας A

Υποστήριξη έκδοσης HTML

Εκδοχή:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Υποστήριξη:	Ναί	Ναί	Ναί	Ναί

Υποστήριξη προγράμματος περιήγησης

Πρόγραμμα περιήγησης:	Internet Explorer	Google Chrome	Mozilla Firefox	Οπερα
Εκδοχή:	6.0 και άνω	2.0 και άνω	2.0 και άνω	9.2 και άνω	3.1 και άνω
Υποστήριξη:	Ναί	Ναί	Ναί	Ναί	Ναί