Αιτιότητα του HTML <link> rel

HTML <link> ετικέτα

Ορισμός και χρήση

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

Παράδειγμα

Παράδειγμα 1

Εισάγει εξωτερικό φύλλο στυλ:

<link rel="stylesheet" href="styles.css">

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Η παρακάτω είναι η μέθοδος για την προσθήκη εικονιδίου ιστοσελίδας στον ιστότοπο:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Γλώσσα

<link rel="value">

Αξία του attributes

Τιμή Περιγραφή
alternate

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

Παράδειγμα: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Προσφέρει σύνδεσμο για τον συγγραφέα του έγγραφου.
dns-prefetch Προβλέπει ότι ο περιηγητής θα εκτελέσει προτεραιότητα την ανάλυση DNS της πηγής του στόχου.
help

Προσφέρει σύνδεσμο για την ενότητα βοήθειας.

Παράδειγμα: <link rel="help" href="/help/">
icon

Εισάγει το εικονίδιο που εκπροσωπεί το έγγραφο.

Παράδειγμα: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Προσφέρει σύνδεσμο για πληροφορίες άδειας χρήσης του έγγραφου.
next Προσφέρει σύνδεσμο για το επόμενο έγγραφο της σειράς.
pingback Προσφέρει τη διεύθυνση του pingback server που παρέχει υπηρεσίες pingback για το τρέχον έγγραφο.
preconnect Καθορίζει ότι ο περιηγητής πρέπει να προ συνδέσει τον πόρο που βρίσκεται στη πηγή που καθορίζεται.
prefetch Καθορίζει ότι ο περιηγητής πρέπει να προ κλείσει και να αποθηκεύσει την πόρο που καθορίζεται, επειδή μπορεί να χρησιμοποιηθεί σε μελλοντικές περιηγήσεις.
preload Καθορίζει ότι ο περιηγητής πρέπει να προ κλείσει και να αποθηκεύσει την πόρο που καθορίζεται στο παρακάτω, ανάλογα με την προτεραιότητα που δίνεται από την ιδιότητα 'as' και τις σχετικές προτεραιότητες.
prerender

Καθορίζει ότι ο περιηγητής πρέπει να προ.render (φορτώσει) την ιστοσελίδα που καθορίζεται στο παρακάτω.

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

Προειδοποίηση! Αυτό θα καταναλώσει τον δίαυλο του χρήστη! Χρησιμοποιήστε το προ.render μόνο όταν είστε απολύτως βέβαιοι ότι η ιστοσελίδα είναι απαραίτητη για τον χρήστη σε κάποιο σημείο της περιήγησής του.
prev Δείχνει ότι το αρχείο είναι μέρος μιας σειράς και το προηγούμενο αρχείο της σειράς είναι το αναφερόμενο αρχείο.
search Προσφέρει σύνδεσμοι για πόρους που μπορούν να χρησιμοποιηθούν για την αναζήτηση του τρέχοντος έγγραφου και των σχετικών σελίδων.
stylesheet Εισαγωγή της φόρμας του στυλ.

Υποστήριξη του περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

HTML <link> ετικέτα