Ειδική ιδιότητα <base> href του HTML

Σύμβολο <base> HTML

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

href Η ιδιότητα καθορίζει το βασικό URL για όλες τις σχετικές URL στη σελίδα.

Περιγραφή

Το στοιχείο 'base' μπορεί να χρησιμοποιηθεί για να ορίσει ένα βασικό URL, ώστε οι σχετικοί σύνδεσμοι στο έργο HTML να αναλύονται σε αυτό το υπόβαθρο.

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

href Η ιδιότητα καθορίζει το βασικό URL που θα χρησιμοποιηθεί για την ανάλυση των σχετικών URL στη συνέχεια του έργου.

Παράδειγμα

Παράδειγμα 1

Όρίζει το βασικό URL για όλες τις σχετικές URL στη σελίδα:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Αρχιτεκτονική href ιδιότητας</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

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

Αναλυτική περιγραφή

Σε αυτό το παράδειγμα, το βασικό URL ορίζεται ως 'https://www.codew3c.com/i/photo/'. Το 'www.codew3c.com' είναι το όνομα του υπολογιστή του διακομιστή, ενώ το '/i/photo/' είναι η καταλόγος του διακομιστή που περιέχει τα αρχεία εικόνων.

Στο τέλος του έργου υπάρχει ένα στοιχείο 'img' που αναφέρεται σε εικόνα, το οποίο χρησιμοποιεί το σχετικό URL 'flower.png'. Όταν ο περιηγητής φορτώνει την εικόνα, συνδυάζει το βασικό URL και το σχετικό URL για να δημιουργήσει την πλήρη URL:

https://www.codew3c.com/i/photo/flower.png

Παράδειγμα 2

Όρίζει το βασικό URL για όλες τις σχετικές URL στη σελίδα:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Αρχιτεκτονική href ιδιότητας</h1>
<a href="html_basic.asp">Βασικές γνώσεις HTML</a>
</body>
</html>

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

Αναλυτική περιγραφή

Σε αυτό το παράδειγμα, το βασικό URL ορίζεται ως 'https://www.codew3c.com/html/'. Το 'www.codew3c.com' είναι το όνομα του υπολογιστή του διακομιστή, ενώ το '/html/' είναι η καταλόγος του διακομιστή που περιέχει τα αρχεία εικόνων.

Στο τέλος του έργου υπάρχει ένα στοιχείο 'a' για τη δημιουργία συνδέσμων, το οποίο χρησιμοποιεί το σχετικό URL 'html_basic.asp'. Όταν ο χρήστης κάνει κλικ στον υπερσύνδεσμο, ο περιηγητής συνδυάζει το βασικό URL και το σχετικό URL για να δημιουργήσει την πλήρη URL:

https://www.codew3c.com/html/html_basic.asp

Συμβουλή

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

Ας υποθέσουμε ότι ο περιηγητής φορτώνει ένα έγγραφο από το URL https://www.codew3c.com/js/index.asp, στο οποίο υπάρχει ένας σύνδεσμος που χρησιμοποιεί τον σχετικό URL html_basic.asp, τότε όταν κάνετε κλικ στον σύνδεσμο αυτό, ο περιηγητής θα προσπαθήσει να φορτώσει το δεύτερο έγγραφο από τον αβέβαιο URL https://www.codew3c.com/js/html_basic.asp.

Γλώσσα

<base href="URL">

Αξία ιδιότητας

Αξία Περιγραφή
URL Ο αβέβαιος URL του URL που χρησιμοποιείται ως βάση URL (π.χ. “http://www.example.com/”)

Υποστήριξη浏览器

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

Σύμβολο <base> HTML