Προχωράμε γρήγορα στο επόμενο γράμμα. Θα ρίξουμε μια ματιά στα <dd>, <del>, <dfn>, <dir>, <div>, <dl> και <dt>.
<dd> (definition description)
Αυτό χρησιμοποιείται στις λίστες ορισμών — περισσότερα παρακάτω.
<del> (deleted text)
Αρκετά σαφές, νομίζω, προσθέτει την έννοια του διορθωμένου κειμένου και εξ ορισμού εμφανίζεται έτσι.
<dfn> (instance definition)
Δεν μπορώ να σκεφτώ ένα παράδειγμα χρήσης του συγκεκριμένου tag· υποτίθεται πως, αν έχουμε κάποιον ορισμό στο κείμενο που χρειάζεται επεξήγηση, τον περικλείουμε με <dfn> και χρησιμοποιούμε το title attribute για την πληροφορία. Δεν το έχω δει να χρησιμοποιείται.
<dir> (directory list)
Δεν θα μπω καν στον κόπο, θεωρείται άχρηστο και θα καταργηθεί ενώ επιτρέπεται μόνο σε Transitional DOCTYPE.
<div> (generic language/style container)
Την περασμένη δεκαετία χρησιμοποιούσαμε tables για το design της σελίδας, δυστυχώς ήταν λάθος! Το <div> είναι εκείνο το tag με το οποίο φτιάχνουμε «κουτιά» και τα τοποθετούμε στη σελίδα μας. Δεν προσθέτει νόημα στο περιεχόμενο, αφορά μόνο στο design. Έχω ήδη δείξει στην πράξη το πως ακριβώς χτίζουμε μια σελίδα με κουτιά, ορίστε και ο σκελετός του site:
<body> <div id="container"> <div id="header"></div> <div id="content"></div> <div id="sidebar"> <ul> <li><strong>Αρχική σελίδα</strong></li> <li>Πρώτα βήματα στην HTML</li> </ul> </div> </div> </body>
<dl> (definition list)
Μαζί με το <dd> παραπάνω και το <dt> που ακολουθεί, μπορούμε να φτιάξουμε λίστες με ορισμούς. Βέβαια, τα περισσότερα sites δεν θα χρειαστούν λεξικό ή γλωσσάρι αλλά ευτυχώς, η δομή αυτή ταιριάζει μια χαρά στη σελίδα με τις συχνές ερωτήσεις (FAQ) που πιθανόν να υπάρχει. Έχω ήδη χρησιμοποιήσει τη λίστα definition στο 1o μέρος — δείτε τον σχετικό κώδικα:
<dl> <dt><code>href</code></dt> <dd>Δηλώνει τη διεύθυνση ενός <em>web resource</em> ή αλλιώς, μια άλλη διεύθυνση στο διαδίκτυο, μια άλλη σελίδα στο site μας, ένα αρχείο .pdf, .zip ή κάποιο άλλου είδους download, μια φωτογραφία .jpg, κ.α.</dd> <dt><code>hreflang</code></dt> <dd>Προαιρετικά δηλώνει την γλώσσα του <em>target</em> — δεν χρησιμοποιείται από τους browsers.</dd> <dt><code>name</code></dt> <dd>Χρησιμοποιείται για links στην ίδια σελίδα. Ένα link σαν αυτό: <code><a name="a"></a></code> υπάρχει στην αρχή της ανάλυσης και χρησιμοποιώντας ένα link σαν αυτό: <code><a href="#a"></a></code> η σελίδα θα κυλίσει εκεί.</dd> <dt><code>rel</code></dt> <dd>Περιγράφει την σχέση του target με της σελίδας που βρίσκεται το ίδιο το link, που, όπως και το <em>αντίστροφο</em> <code>rev</code>, δεν αξιοποιούνται από τους περισσότερους browsres.</dd> <dt><code>type</code></dt> <dd>Περιέχει πληροφορία σχετικά με το είδους του αρχείου στο οποίο αναφέρεται το link - συνήθως δεν χρησιμοποιείται.</dd> </dl>
<dt> (definition term)
Δείτε παραπάνω.
(Καμία ψήφος)
Loading ...