<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <base>
Ορισμός και χρήση
Με την ετικέτα <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 που βρίσκεται στην δεξιά οθόνη