HTML: Όλα για τους συνδέσμους «A HREF REL. Διαφορετικές διευθύνσεις URL

Παιδικά προϊόντα 23.06.2019

Επισκόπηση προγράμματος Η έκδοση υπολογιστή του Microsoft Excel Viewer θα επιτρέψει... ChercherΑυτό λειτουργεί σε όλα τα προγράμματα περιήγησης (αν κάποιος βρει ποτέ νέα γλώσσαγια διακόσμηση, τότε μπορείτε απλά να επιστρέψετε το χαρακτηριστικό type και να το καθορίσετε στην τιμή του

rel=εναλλάξ

Αυτή η στάση είναι επίσης αρκετά κοινή. σε συνδυασμό με την ένδειξη τύπου μέσου RSS ή Atom «ενεργοποιεί» το λεγόμενο « αυτόματη ανίχνευσηκανάλι." Αυτό σας επιτρέπει να οργανώσετε ένα κανάλι με τα πιο πρόσφατα άρθρα ή ειδήσεις για αναγνώστες που χρησιμοποιούν, για παράδειγμα, το Google Reader. Τα περισσότερα προγράμματα περιήγησης υποστηρίζουν επίσης την αυτόματη ανίχνευση τέτοιου καναλιού και εμφάνισης ειδικό εικονίδιοδίπλα στη διεύθυνση URL. (σε αντίθεση με το rel="stylesheet" το χαρακτηριστικό type είναι απαραίτητο εδώ. Μην το πετάξετε).

Η σχέση αναφοράς rel="alternate" ήταν πάντα ένα περίεργο υβρίδιο, ακόμη και στην HTML4. Στην HTML5, ο ορισμός της έχει αποσαφηνιστεί και επεκταθεί για να περιγράψει με μεγαλύτερη ακρίβεια το περιεχόμενο ιστού. Όπως μόλις εμφανίστηκε, η χρήση rel="alternate" σε συνδυασμό με type=application/atom+xml καθορίζει το κανάλι Atom για την τρέχουσα σελίδα. Αλλά μπορείτε επίσης να χρησιμοποιήσετε το rel="alternate" σε συνδυασμό με οποιαδήποτε άλλη τιμή χαρακτηριστικού τύπου για να υποδείξετε μια άλλη μορφή, όπως το PDF.

Η HTML5 κλείνει επίσης τα μάτια στο μπερδεμένο ερώτημα του πώς να υποδείξετε μια σχέση με ένα έγγραφο με μια μετάφραση. Η HTML4 λέει να χρησιμοποιείται σε συνδυασμό με το rel="alternate" για να καθορίσετε τη γλώσσα συνδεδεμένο έγγραφο. Αλλά αυτό δεν είναι σωστό: οι λίστες σφαλμάτων HTML4 αναφέρουν ρητά ότι η χρήση rel="alternate" για τον καθορισμό της γλώσσας του εγγράφου είναι σφάλμα. Αλλά εδώ έχει σταματήσει το θέμα προς το παρόν. Η HTML5 χρησιμοποιεί για να υποδείξει τη γλώσσα του εγγράφου.

Άλλες σχέσεις συνδέσμων σε HTML5

rel="αρχεία"

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

Rel = "εξωτερικό"

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

Rel="start", rel="prev" και rel="next"

ορίζει σχέσεις μεταξύ σελίδων που αποτελούν μέρος της ίδιας σειράς (όπως κεφάλαια βιβλίων ή ακόμα και αναρτήσεις ιστολογίου). Όλα φαίνονται απλά, αλλά μόνο το rel="next" χρησιμοποιείται σωστά. Οι άνθρωποι συνηθίζουν να γράφουν rel="previous" αντί για rel="prev", rel="begin" και rel="first" αντί για rel="start", χρησιμοποιούν rel="end" αντί για rel="last ". Και όμως, κάποιοι δημιουργούν rel="up" για συνδέσμους προς τη "γονική" σελίδα.

Η HTML5 περιλαμβάνει το rel="first", το οποίο χρησιμοποιείται πιο συχνά ως τρόπος να πει "αυτή είναι η πρώτη σελίδα μιας σειράς" (rel="start" είναι συνώνυμο, για υποστήριξη συμβατότητα προς τα πίσω). Επίσης περιλαμβάνονται τα rel="prev" και rel="next" (rel="previous" υποστηρίζεται επίσης για συμβατότητα προς τα πίσω), καθώς και rel="last" ( τελευταίο έγγραφοσε μια σειρά - το αντίθετο του rel="first") και του rel="up".

Για να καταλάβετε ευκολότερα πώς να χρησιμοποιήσετε το rel="up", βρείτε το κάπου και δείτε την πλοήγηση όπως " ψίχα ψωμιού«(ή απλά φανταστείτε το). Η κύρια σελίδα πιθανότατα θα είναι πρώτη και η τρέχουσα σελίδα θα βρίσκεται στο τέλος. Επομένως, το rel="up" θα πρέπει να δείχνει τη σελίδα που βρίσκεται πριν από την τελευταία (τρέχουσα) σελίδα σε αυτήν την πλοήγηση.

Rel="εικονίδιο"

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

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

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

Rel = "άδεια"

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

σημαίνει ότι ο σύνδεσμος δεν έχει εγκριθεί από τον συγγραφέα αυτής της σελίδας και ότι υπάρχει, πιθανότατα για εμπορικούς λόγους. Εφευρέθηκε από την Google και τυποποιήθηκε από την κοινότητα μικρομορφοποιητών. Η ιδέα ήταν ότι οι σύνδεσμοι που είναι εξοπλισμένοι με αυτό το χαρακτηριστικό δεν θα μεταδίδουν το PageRank και αυτό θα απαλλάσσει την κοινότητα από τους ανεπιθύμητους στα σχόλια του ιστολογίου. Όπως αποδείχθηκε, αυτό δεν με έσωσε από το spam, αλλά διατηρήθηκε. Πολοί δημοφιλή συστήματαΤα ιστολόγια προστίθενται από προεπιλογή σε όλους τους συνδέσμους στα σχόλια.

rel="noreferrer"

υποδεικνύει ότι όταν ακολουθείτε έναν τέτοιο σύνδεσμο, οι πράκτορες χρήστη δεν πρέπει να περιλαμβάνουν Αίτημα HTTPΚεφαλίδα παραπομπής. Αυτό δεν υποστηρίζεται ακόμη από προγράμματα περιήγησης, αλλά η υποστήριξη για το rel="noreferrer" προστέθηκε πρόσφατα στα νυχτερινά νυχτερινά βραδιά Webkit, πράγμα που σημαίνει ότι θα εμφανιστεί σύντομα στο Safari, στο Chrome και σε άλλα προγράμματα περιήγησης webkit.

καθορίζει τη διεύθυνση "pingback" του διακομιστή. Η προδιαγραφή αναφέρει: «ένα σύστημα pingback είναι ένας τρόπος για ένα ιστολόγιο να λαμβάνει αυτόματα μια ειδοποίηση ότι κάποιος έχει συνδέσει με αυτό. Αυτό παρέχει την ευκαιρία να συλλέξετε όλα τα σχόλια/σχόλια για ένα άρθρο σε ένα μέρος." Ορισμένα συστήματα ιστολογίων, ιδίως το WordPress, περιλαμβάνουν αυτόν τον μηχανισμό από προεπιλογή.

χρησιμεύει για τη βελτιστοποίηση της φόρτωσης των ιστοσελίδων. Το καθορισμένο έγγραφο σε έναν τέτοιο σύνδεσμο (html, αρχείο css, εικόνα, κ.λπ.) θα φορτωθεί στην κρυφή μνήμη για τον χρήστη στο φόντο. Τέτοιοι σύνδεσμοι εφαρμόζονται σε έγγραφα που είναι πιο πιθανό να χρειαστεί ο χρήστης. Για παράδειγμα, ορισμένες μηχανές αναζήτησης χρησιμοποιούν αυτόν τον μηχανισμό για έγγραφα στα κορυφαία αποτελέσματα. Τώρα αυτή η τεχνολογίαΥποστηρίζει μόνο Firefox.

υποδεικνύει ότι το έγγραφο αναφοράς περιέχει μια διεπαφή αναζήτησης για τη σελίδα και τους σχετικούς πόρους της. Συγκεκριμένα, εάν θέλετε η rel="search" να κάνει κάτι χρήσιμο, τότε αυτός ο σύνδεσμος θα πρέπει να οδηγεί σε ένα έγγραφο Open Search με περιγραφή για το πρόγραμμα περιήγησης πώς να πραγματοποιήσετε μια αναζήτηση στο αυτόν τον πόροχρησιμοποιώντας τη διεύθυνση URL και τη λέξη-κλειδί. Υποστήριξη για τη μορφή Open Search (και μαζί της rel="search") συμπεριλήφθηκε στο IE7 και το FF2.

χρησιμεύει για την προσθήκη του εγγράφου που καθορίζεται στον σύνδεσμο στους σελιδοδείκτες του προγράμματος περιήγησής σας. Όταν κάνετε κλικ σε έναν σύνδεσμο με rel="sidebar", εμφανίζεται ένα παράθυρο που σας ζητά να προσθέσετε σελιδοδείκτη στη σελίδα. Η Opera και η Mozilla υποστηρίζονται αυτήν τη στιγμή, άλλα προγράμματα περιήγησης αγνοούν αυτόν τον κανόνα.

υποδηλώνει ότι αυτός ο σύνδεσμος είναι μια ετικέτα που σχετίζεται με αυτήν τη σελίδα. Πλοήγηση ετικετών ( φράσεις κλειδιά, κατηγορίες ιστολογίου/ιστοτόπων) χρησιμοποιήθηκε για πρώτη φορά από την Technorati για να κατηγοριοποιήσει κατά κάποιο τρόπο τις αναρτήσεις ιστολογίου. Στην αρχή ονομάζονταν Technorati tags. Η προσθήκη ετικετών τυποποιήθηκε αργότερα από την κοινότητα μικρομορφοποιητών και οι ετικέτες ονομάστηκαν rel="tag". Τα περισσότερα συστήματα ιστολογίου προσθέτουν αυτό το χαρακτηριστικό σε συνδέσμους ετικετών. Τα προγράμματα περιήγησης δεν αντιδρούν σε αυτό με κανέναν τρόπο. Αυτό είναι σημάδι για μηχανές αναζήτησηςγια το πού οδηγεί αυτός ο σύνδεσμος.

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

Σύντομη λίστα τύπων συνδέσμων

Τύπος Σε τι χρησιμεύει;
εναλλασσόμενος εναλλακτικός τρόπος εμφάνισης της σελίδας
συγγραφέας Για τον σύνδεσμο λεπτομερείς πληροφορίεςσχετικά με τον συγγραφέα
σελιδοδείκτη Μόνιμος σύνδεσμος
βοήθεια Βοήθεια ή πληροφορίες που βοηθούν σε κάποιο μέρος του ιστότοπου ή του περιεχομένου
άδεια Σύνδεσμος για πληροφορίες πνευματικών δικαιωμάτων
nofollow Ένας σύνδεσμος που δεν προτείνετε. Ίσως το δημοσιεύσατε για εγωιστικούς λόγους
προανάκτηση Ένας πόρος που είναι πιθανό να ενδιαφέρει τον χρήστη. Λέει στο πρόγραμμα περιήγησης ότι μπορεί να αποθηκευτεί στην προσωρινή μνήμη εκ των προτέρων
έρευνα Αναζήτηση στον ιστότοπο
ετικέτα Λέξη-κλειδί ή όνομα κατηγορίας ιστότοπου
επόμενος Σύνδεσμος προς επόμενη σελίδα
προηγ Σύνδεσμος στην προηγούμενη σελίδα

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

Το χαρακτηριστικό rel χρησιμοποιείται για τον καθορισμό του τύπου

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

PDF έκδοση της σελίδας

Μπορείτε επίσης να ορίσετε hreflang για αυτόν τον τύπο, γεγονός που υποδεικνύει ότι αυτός ο σύνδεσμος είναι μια σελίδα διαφορετικής γλώσσας.

Αγγλική έκδοση

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

Μόνιμος σύνδεσμος προς τη σελίδα του συγγραφέα

rel=βοήθεια
Σύνδεσμος αυτού του τύπουοδηγεί σε περιεχόμενο αναφοράς. Αλλά υπάρχει σημαντικό σημείο. Ο σύνδεσμος βοήθειας είναι ευαίσθητος στο πλαίσιο. Το πρόγραμμα περιήγησης θα ταιριάζει με αυτό πληροφορίες ιστορικούμε το μητρικό κοντέινερ στο οποίο τοποθετήθηκε αυτός ο σύνδεσμος.

Βοηθήστε με σχόλια

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

Αδεια

rel=nofollow
Αυτός ο τύπος ανακοινώνει ότι ένας ανιχνευτής ιστού δεν πρέπει να αντιμετωπίζει αυτόν τον σύνδεσμο ως σύνδεσμο που προτείνει ο δημοσιογράφος

Ρομπότ, μην μεταβείτε σε αυτήν τη σελίδα

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

Αυτό πρέπει να διαβαστεί

rel=αναζήτηση
Αυτός ο τύπος υποδεικνύει ότι ο σύνδεσμος είναι σε μια διεπαφή αναζήτησης

Ανοίξτε την αναζήτηση στον ιστότοπο

Αυτή η σελίδα ανήκει στη σελίδα αναζήτησης

rel=επόμενο και rel=προηγούμενο
Υποδεικνύει και χρησιμοποιείται σε πλοήγηση στη σελίδα. Ο σύνδεσμος προς την επόμενη σελίδα είναι του τύπου next , και ο σύνδεσμος προς την προηγούμενη σελίδα είναι του τύπου prev

  • 1 σελίδα
  • Τρέχουσα σελίδα
  • 3 σελίδα

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

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

  • εναλλακτικό ;
  • συγγραφέας ;
  • βοήθεια ;
  • εικονίδιο ;
  • άδεια ;
  • επόμενο ;
  • prefetch ;
  • προηγ.
  • αναζήτηση ;
  • φύλλο στυλ

Ετικέτα σε HTML τοποθετημένο σε Και , αν και είναι πιο συχνή σε ως μεταδεδομένα. Ετικέτα μπορεί να αναφέρεται σε μια παραδοσιακή υπερσύνδεση που χρησιμοποιείται για την πλοήγηση ή την επισύναψη σε ένα έγγραφο εξωτερικούς πόρους, όπως CSS και Javascript.

Εναλλασσόμενος

Χρησιμοποιείται για εναλλακτική λύση Προβολές HTMLέγγραφο

Το παρακάτω παράδειγμα δείχνει δύο εναλλακτικές γλώσσεςΓια του παρόντος εγγράφου HTML στα Αγγλικά - Γαλλικά και Ισπανικά. Το χαρακτηριστικό hreflang χρησιμοποιείται για να πει στον πράκτορα χρήστη ποιο Κωδικός χώρας ISO 639-1:

Άλλο παράδειγμα χρησιμοποιώντας HTML link rel προσφέρει τρία διαφορετικά έγγραφο κειμένουστα Αγγλικά, Γαλλικά και Ισπανικά:

Συγγραφέας

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

Τέλος, μπορείτε να προσθέσετε τη μετα-ετικέτα συγγραφέα:

Βοήθεια

Σας επιτρέπει να παρέχετε βοήθεια στους επισκέπτες της σελίδας. Ένας παράγοντας χρήστη που υποστηρίζει βοήθεια μπορεί να έχει δύο προβολές - μια κύρια καρτέλα για την εμφάνιση του εγγράφου και μια άλλη για την εμφάνιση βοήθειας:

Εικόνισμα

Αυτό τιμή HTMLσύνδεσμος rel δείχνει στο εικονίδιο της σελίδας. Μπορεί να υπάρχουν πολλά εικονίδια που αντιπροσωπεύουν μια σελίδα. Χρησιμοποιείται αυτό που είναι πιο κατάλληλο:

Αδεια

Επόμενος

Δείχνει στην επόμενη σελίδα σε ένα έγγραφο HTML. Είναι πολύ χρήσιμο για τις μηχανές αναζήτησης να γνωρίζουν ποια σελίδα είναι η επόμενη:

Προανάκτηση

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

Προηγ

Καθορίζει την προηγούμενη σελίδα σε ένα έγγραφο HTML. Χρήσιμο για πλοήγηση στη σελίδα:

Ερευνα

Καθορίζει το έγγραφο που χρησιμοποιείται για την αναζήτηση ενός υπάρχοντος εγγράφου. Κατά κανόνα, αυτή είναι μια σελίδα με ειδική φόρμα για την αναζήτηση λέξεων-κλειδιών σε ένα έγγραφο. Για την εφαρμογή συνιστάται η χρήση Προδιαγραφή OpenSearch:

Φύλλο στυλ

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

Η μετάφραση του άρθρου «HTML: The Link Tag» ετοιμάστηκε από τη φιλική ομάδα του έργου

ΣΥΝΔΕΣΜΟΣείναι μια ετικέτα που παρέχει μια σύνδεση μεταξύ των σελίδων ενός ιστότοπου και μια σύνδεση μεταξύ των αρχείων πόρων και του ιστότοπου. Μπορεί να εντοπιστεί μόνο στο σώμα της ΚΕΦΑΛΗΣ. Ετικέτα ΣΥΝΔΕΣΜΟΥχωρίς διάκριση πεζών-κεφαλαίων. Χρησιμοποιώντας το, μπορείτε να συνδέσετε μια ροή ειδήσεων σε μια σελίδα ιστότοπου, μπορείτε να συνδέσετε ένα εικονίδιο σελίδας και να συνδέσετε ένα φύλλο στυλ στη σελίδα. Μπορείτε επίσης να πλέξετε λογικά διαφορετικές σελίδεςτοποθεσία, εάν υπάρχει κάποια σχέση μεταξύ τους. Δράση Ετικέτα ΣΥΝΔΕΣΜΟΥ ισχύει μόνο για την ιστοσελίδα στην οποία είναι εγκατεστημένη.

Ετικέτα ΣΥΝΔΕΣΜΟΥΟρισμένα ρομπότ χρησιμοποιούνται για την κατανόηση της δομής του ιστότοπου. Επίσης, αυτές οι ετικέτες χρησιμοποιούνται από ορισμένα προγράμματα περιήγησης και πρόσθετα για εύκολη πλοήγηση στον ιστότοπο. Συγκεκριμένα, το πρόγραμμα περιήγησης Opera διαθέτει μια γραμμή πλοήγησης που λαμβάνει πληροφορίες από Ετικέτα ΣΥΝΔΕΣΜΟΥ. Επομένως, εάν ενδιαφέρεστε για τους χρήστες σας και την ευκολία της πλοήγησης στον ιστότοπο, φροντίστε να συνδέσετε τη δομή του ιστότοπου μέσω Ετικέτες LINK.

Σύνταξη Ετικέτα ΣΥΝΔΕΣΜΟΥμοιάζει με αυτό:

Ιδιοκτησία Ετικέτα ΣΥΝΔΕΣΜΟΥΤο "href" καθορίζει το αρχείο με το οποίο θα συνδεθεί η σελίδα (η σελίδα με την οποία συνδέεται). Η ιδιότητα "rel" ορίζει τον τύπο σύνδεσης μεταξύ του αρχείου (έγγραφου) και της σελίδας. Το "type" καθορίζει τον τύπο του αρχείου που σχετίζεται με τη σελίδα. "μέσα" - ο τύπος της συσκευής στην οποία πρέπει να αντικατοπτρίζεται η σύνδεση με το αρχείο πόρων.

Περιουσία του HREF

Η τιμή αυτής της ιδιότητας μπορεί να είναι οποιοδήποτε αρχείο αναφέρεται Ετικέτα ΣΥΝΔΕΣΜΟΥ. Η διεύθυνση αρχείου καθορίζεται σε οποιαδήποτε διαθέσιμη μορφή. Αυτοί μπορεί να είναι είτε άμεσοι σύνδεσμοι είτε σχετικοί.

ιδιοκτησία REL

Αυτή η ιδιότητα μπορεί να λάβει μία από τις ακόλουθες τιμές:

  • κορυφήή σπίτι- σύνδεσμος προς την πρώτη σελίδα στην ιεραρχία του ιστότοπου.
  • περιεχόμεναή toc- σύνδεσμος προς το αρχείο πίνακα περιεχομένων του ιστότοπου.
  • δείκτης- ένας σύνδεσμος προς ένα αρχείο που μπορεί να πραγματοποιήσει αναζήτηση ευρετηρίου στη σελίδα. Η αναζήτηση ευρετηρίου είναι αναζήτηση η σωστή λέξηή φράσεις σε μία σελίδα.
  • γλωσσάριο- έναν σύνδεσμο προς ένα αρχείο που είναι γλωσσάρι της σελίδας και περιέχει όρους και ορισμούς που αναφέρονται στη σελίδα. Συνήθως οδηγεί σε έναν γρήγορο οδηγό αναφοράς.
  • πνευματική ιδιοκτησία- σύνδεσμος σε αρχείο που δείχνει τα πνευματικά δικαιώματα της σελίδας.
  • επόμενος- έναν σύνδεσμο προς την επόμενη σελίδα του ιστότοπου κατά μήκος της διαδρομής που προορίζεται ο χρήστης.
  • προηγούμενος- έναν σύνδεσμο προς την προηγούμενη σελίδα του ιστότοπου κατά μήκος της διαδρομής που προορίζεται ο χρήστης.
  • βοήθεια- ένας σύνδεσμος προς ένα αρχείο βοήθειας, το οποίο, ας πούμε, περιγράφει λεπτομερέστερα όσα περιγράφονται στη σελίδα.
  • έρευνα- σύνδεσμος στη σελίδα αναζήτησης ιστότοπου.
  • αρχή- σημείο εισόδου από το οποίο ξεκινά λογική δομήτοποθεσία.
  • κεφάλαιο- σύνδεσμος προς τη σελίδα που είναι η κεφαλή της τρέχουσας σελίδας.
  • τμήμα- σύνδεσμος προς τη σελίδα, η οποία είναι η κύρια ενότητα της τρέχουσας σελίδας.
  • υποδιαίρεση- ένας σύνδεσμος προς μια σελίδα που είναι η κύρια υποενότητα της τρέχουσας σελίδας.
  • σελιδοδείκτη- σύνδεσμος σε σελιδοδείκτη για την τρέχουσα σελίδα που έχει οριστεί σε άλλη σελίδα.
  • επάνωή μητρική εταιρεία- έναν σύνδεσμο προς μια σελίδα που βρίσκεται πάνω από την τρέχουσα σελίδα στην ιεραρχία του ιστότοπου.
  • πρώτα- έναν σύνδεσμο προς τη σελίδα που είναι η πρώτη κατά μήκος της αναμενόμενης διαδρομής της κίνησης του χρήστη στον ιστότοπο.
  • τελευταίοςή τέλος- έναν σύνδεσμο προς τη σελίδα που είναι η τελευταία κατά μήκος της αναμενόμενης διαδρομής της κίνησης του χρήστη στον ιστότοπο.
  • παιδί- ένας σύνδεσμος προς μια σελίδα που είναι θυγατρική στην ιεραρχία του ιστότοπου σε σχέση με την τρέχουσα σελίδα.
  • φύλλο στυλ- σύνδεσμος προς αρχείο css, το οποίο περιέχει ρυθμίσεις στυλ για τη σχεδίαση της σελίδας.
  • εναλλασσόμενος- σύνδεσμος προς εναλλακτικό αρχείοτρέχουσα σελίδα. Συνήθως, με αυτό το ακίνητο ΣΧΕΤπαραπέμπω Τροφοδοσίες RSSενημερώσεις ιστότοπου. Ορισμένα προγράμματα περιήγησης (Opera, Firefox) εμφανίζονται όταν εντοπιστεί μια τέτοια ετικέτα γραμμή διευθύνσεωνκουμπί για μετάβαση σε εναλλακτικό αρχείο.
  • εικόνισμαή εικονίδιο συντόμευσης- σύνδεσμος προς το εικονίδιο της σελίδας. Το εικονίδιο θα εμφανιστεί στον τίτλο της σελίδας.
  • κανονικός- μια ιδιοκτησία σχεδιασμένη για ρομπότ αναζήτησης. Αυτός είναι ένας σύνδεσμος προς το πρωτότυπο υλικό που δημοσιεύτηκε στη σελίδα. Εάν έχετε 2 σελίδες στον ιστότοπό σας με το ίδιο περιεχόμενο, τότε χρησιμοποιώντας αυτήν την ετικέτα μπορείτε να υποδείξετε ποιο από τα περιεχόμενα είναι πρωτότυπο. Ένα παράδειγμα του ίδιου περιεχομένου σε έναν ιστότοπο: μια σελίδα με υλικό και μια σελίδα βελτιστοποιημένη για εκτύπωση.
  • κεφάλαιο- ένας σύνδεσμος προς μια σελίδα που αποτελεί ξεχωριστό κεφάλαιο για την τρέχουσα σελίδα.
  • παράρτημα- σύνδεσμος στη σελίδα για προσθήκη περιεχομένου.

Όταν χρησιμοποιείτε την ιδιότητα rel="εικονίδιο" ή rel="εικονίδιο συντόμευσης". Ετικέτα ΣΥΝΔΕΣΜΟΥΤο εικονίδιο μπορεί να είναι οτιδήποτε, αλλά είναι προτιμότερο να έχει μέγεθος 16x16 pixel και ποιότητα 32 bit ανά pixel. Τα κινούμενα εικονίδια είναι επίσης δυνατά, αλλά θα μετακινηθούν μόνο όταν Πρόγραμμα περιήγησης Firefox. Άλλα προγράμματα περιήγησης θα εμφανίζουν μόνο το πρώτο καρέ της κινούμενης εικόνας.

ιδιότητα TYPE

Αυτή η ιδιότητα θα καθορίσει τον τύπο του αρχείου στο οποίο αναφέρεται Ετικέτα ΣΥΝΔΕΣΜΟΥ. Η τιμή αυτής της ιδιότητας καθορίζεται σε μορφή MIME. Εάν συμπεριλάβετε ένα αρχείο Στυλ CSS, Αυτό Μορφή MIMEθα είναι "κείμενο/css". Εάν ο σύνδεσμος οδηγεί σε άλλη σελίδα του ιστότοπου, τότε η τιμή αυτής της ιδιότητας είναι "text/html" ή "text/xml", εάν σε εικονίδιο, τότε "image/x-icon", εάν σε ροή rss, στη συνέχεια "application/rss+xml". Αυτοί είναι οι βασικοί και πιο χρησιμοποιούμενοι τύποι MIME.

ιδιοκτησία ΜΕΣΑ

Αυτή η ιδιότητα καθορίζει σε ποια συσκευή θα αντικατοπτρίζεται η ενέργεια του αρχείου που αναφέρεται. Ετικέτα ΣΥΝΔΕΣΜΟΥ. Αυτή η ιδιότητα μπορεί να λάβει τις ακόλουθες τιμές:

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

Συνήθως χρησιμοποιείται για αρχεία στυλ Τύπος MIME"οθόνη".

ιδιοκτησία TITLE

Αυτή η ιδιότητα περιγράφει το αρχείο στο οποίο αναφέρεται Ετικέτα ΣΥΝΔΕΣΜΟΥ. Το ακίνητο είναι προαιρετικό και χρησιμοποιείται κυρίως για σύντομη περιγραφήή πίνακα περιεχομένων των ροών RSS.

Παραδείγματα

Ακολουθούν μερικά κοινά παραδείγματα που χρησιμοποιούνται Ετικέτα ΣΥΝΔΕΣΜΟΥ.

Σύνδεση εξωτερικού αρχείο CSSστυλ:

Σύνδεση μιας ροής ειδήσεων RSS σε μια σελίδα:

Η σύνδεση του favicon σας πραγματοποιείται χρησιμοποιώντας δύο ετικέτες LINK. Αυτό είναι απαραίτητο για την υποστήριξη της ετικέτας σε διαφορετικά προγράμματα περιήγησης:

σύνδεσμος προς αρχική σελίδαδικτυακός τόπος:

Αυτοί είναι μόνο μερικοί από τους τρόπους χρήσης του Ετικέτα ΣΥΝΔΕΣΜΟΥ. Μπορείτε να το χρησιμοποιήσετε με τον δικό σας τρόπο, αλλά στο πλαίσιο των κανόνων που περιγράφονται παραπάνω.

Μπορείτε να εγγραφείτε στο microblog μου στο Twitter



Συνιστούμε να διαβάσετε

Κορυφή