Ορισμός και χρήση
Με την ετικέτα <base> ορίζουμε το url ενός φακέλου αρχείων ο
οποίος αποτελεί την βάση για όλα τα url μέσα στην σελίδα (είτε είναι url συνδέσμων, είτε είναι url εικόνων κτλ.). Η ετικέτα αυτή γράφεται μέσα στην ενότητα
<HEAD> του HTML εγγράφου.
Συμβουλή: Είναι καλό να χρησιμοποιούμε σε κάθε μας σελίδα την ετικέτα <base> γιατί αν
θελήσουμε να αλλάξουμε domain name ή το όνομα του φακέλου που βρίσκονται τα αρχεία του site μας, δεν θα είμαστε
αναγκασμένοι να αλλάξουμε όλα τα url μέσα στις σελίδες μας, αλλά μόνο το url της ιδιότητας href της ετικέτας
<base> που βρίσκεται στην ενότητα <HEAD> κάθε
HTML σελίδας μας
Παράδειγμα
Πηγαίος Κώδικας |
Αποτέλεσμα στον browser |
<head>
<base href="http://www.wlearn.gr/mathimata/html/">
</head>
<body>
<a href="etiketes/etiketa_basefont.html"><img src="../images/forward.jpg" width="22" height="22" border="0"></a>
</body> |
 |
Προσέξτε το link που έχει το εικονίδιο με τα δύο βελάκια (αφήστε τον δείκτη του ποντικιού σας επάνω στην εικόνα και δείτε το
link στο status bar του browser). Όπως θα διαπιστώσετε το link διαμορφώνεται σύμφωνα με το url της ιδιότητας href της ετικέτας
<base>. Εδώ το url είναι
http://www.wlearn.gr/mathimata/html/, ενώ το link του εικονιδίου
είναι το
etiketes/etiketa_base.html.
Αρα στο αποτέλεσμα της σελίδας στον browser, το link του εικονιδίου θα είναι το
http://www.wlearn.gr/mathimata/html/etiketes/etiketa_base.html. Επίσης το ίδιο συμβαίνει και με το url της εικόνας, το πραγματικό url της οποίας είναι:
http://www.wlearn.gr/mathimata/images/forward.jpg
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Καμία
Ιδιότητες
Ιδιότητα |
Τιμή |
Περιγραφή
|
href |
URL |
Ορίζει το URL του φακέλου αρχείων ο οποίος αποτελεί την βάση για όλα τα url μέσα στην σελίδα |
target |
_blank
_parent
_self
_top |
Ορίζει που θα ανοίξει όλα τα links της σελίδας. Όπου υπάρχει η ιδιότητα target μέσα στην σελίδα (σε ετικέτες όπως <a> και <area>), τότε η ιδιότητα target της <base> δεν λαμβάνεται υπόψη
- _blank - Η σελίδα θα ανοίξει σε νέο παράθυρο του browser
- _self - Η σελίδα θα ανοίξει στο ίδιο πλαίσιο (frame) που πατήθηκε ο σύνδεσμος
- _parent - Η σελίδα θα ανοίξει στο "πατρικό" πλαίσιο (frame)
- _top - Η σελίδα θα ανοίξει θα ανοίξει στην τρέχουσα σελίδα αγνοώντας τα πλαίσια (αν υπάρχουν)
|
Δοκίμασε το
Ετικέτα <base>
Αλλάξτε το url της ιδιότητας href της ετικέτας
<base> και παρατηρήστε την αλλαγή
κάθε φορά του url του link που βρίσκεται στην δεξιά οθόνη