Προέκυψαν κάποια τεχνικά προβλήματα στον server, πήρα και 2 μέρες ρεπό από τα «μαθήματα» και επιστρέφω με τα επόμενα στη σειρά tags.
<p> (paragraph)
Οπου υπάρχει κείμενο θα πρέπει να μπαίνει σε <p> — δε νομίζω να χρειάζεται ανάλυση.
<param> (named property value)
Αυτό συμπληρώνει το <object> και χρησιμοποιείται για να ορίζει διάφορες παραμέτρους που πιθανόν να απαιτεί το plugin. Απαιτεί τα name και value attributes και εξαρτάται από το ίδιο το plugin — θα πρέπει να δείτε το documentation του προγράμματος.
<pre> (preformatted text)
Καθοδηγεί τον browser στο να εμφανίσει το περιεχόμενο του <pre> ως εξής:
- «εμφανίζονται» τα τυχόν παραπανήσια spaces, τα line breaks και τα tabs,
- χρησιμοποιείται συνήθως μια γραμματοσειρά συγκεκριμένο πλάτους, π.χ. courier,
- το κείμενο συνήθως δεν διπλώνει (word wrap) αυτόματα.
Έχω συχνά χρησιμοποιήσει αυτό το tag, όπου θέλω να παρουσιάσω κώδικα αλλά, λόγω του SyntaxHighlighter, δεν είναι σαφές. Ας δούμε ένα καθαρό παράδειγμα:
<ul> <li>«εμφανίζονται» τα τυχόν παραπανήσια spaces, τα line breaks και τα tabs,</li> <li>χρησιμοποιείται συνήθως μια γραμματοσειρά συγκεκριμένο πλάτους, π.χ. courier,</li> <li>το κείμενο συνήθως δεν διπλώνει (word wrap) αυτόματα.</li> </ul>
Να επισημάνω επίσης πως το πλάτος του <pre> ελέγχεται με CSS
<q> (short inline quotation)
Έχουμε ήδη δει το <blockquote>· το <q> κάνει την ίδια δουλειά αλλά δεν είναι block element, με άλλα λόγια, εμφανίζεται στη ροή του κειμένου. Δέχεται επίσης το cite attribute.
<s> (strike-through text style)
Χρησιμοποιήστε το <del>, τελεία.
<samp> (sample program output, scripts, etc.)
Ακόμα ένα tag που προσδίδει νόημα στο κείμενο της σελίδας μας. Το συγκεκριμένο δεν χρησιμοποιείται ιδιαίτερα μιας και έχει ιδιαίτερα περιορισμένη σημασία.
<script> (script statements)
Αυτό δεν αφορά στο περιεχόμενο της σελίδας μας αλλά εμφανίζεται στο <head> του κώδικα για να φορτώσει από τον server αρχεία Javascript κάπως έτσι: <script type="text/javascript" src="include/lightbox.js"></script> ή για να ορίσει ένα inline κομμάτι κώδικα, με τον ίδιο τρόπο, χωρίς το src attribute. Αυτό βέβαια, καλό είναι να το αποφεύγετε, όσο γίνεται — θα πρέπει η Javascript, όπως και τα CSS, να βρίσκονται σε ξεχωριστό αρχείο, για να είναι ευκολότερη η συντήρηση αλλά και για να μπορεί ο browser να τα κρατάει στον προσωρινό χώρο αποθήκευσης (cache) ώστε να «κατεβαίνουν» γρηγορότερα οι σελίδες σας.
<select> (option selector)
Είδαμε στο προηγούμενο μάθημα ένα παράδειγμα της χρήσης αυτού του tag. Το <select> μπορεί να δεχτεί τα εξής attributes:
- multiple
- Χρησιμοποιείται για λίστες πολλαπλών επιλογών σε συνδυασμό με το…
- size
- …που ορίζει το πόσες σειρές θα εμφανίζονται. Λαμβάνοντας υπ' όψιν αυτά τα δύο, δείτε το παράδειγμα του περασμένου άρθρου:
<small> (small text style)
Καθοδηγεί τον browser να χρησιμοποιήσει μικρότερα γράμματα για να δείξει το περιεχόμενο. Χρησιμοποιώντας όμως CSS, έχετε καλύτερο έλεγχο στο πόσο μικρότερα θα είναι αυτά.
<span> (generic language/style container)
Το <span> δεν προσδίδει κάποια σημασία στο περιεχόμενο του αλλά χρησιμοποιείται για τον έλεγχο της εμφάνισης του κειμένου και μόνο. Σε αντίθεση με το <div>, δεν δημιουργεί block.
<strike> (strike-through text)
Ξεχάστε την ύπαρξη του — χρησιμοποιήστε <del>.
<strong> (strong emphasis)
Χρησιμοποιείται για να δώσει έμφαση — εξ ορισμού φαίνεται με έντονα (bold) γράμματα.
<style> (style info)
Ορίζει κώδικα CSS, συνήθως στο head της σελίδας: <style type="text/css">* { margin:0; }</style>. Καλό είναι να το αποφεύγετε.
<sub> (subscript)
Ορίζει ένα δείκτη, αλλά δεν μπορώ να σκεφτώ που ακριβώς θα μπορούσε να χρησιμοποιηθεί - τουλάχιστον σε απλό κείμενο. Κάποιες άλλες γλώσσες όπως τα γαλλικά χρειάζονται τους δείκτες και τους…
<sup> (superscript)
…εκθέτες, που όμως μπορούν να χρησιμοποιηθούν π.χ. στον 21ο αιώνα ή 12η Μαΐου. Θα πρέπει να εφαρμόσετε CSS σε αυτά τα δύο tags γιατί οι διάφοροι browsers χρησιμοποιούν πολύ διαφορετικά στυλ εμφάνισης.
(Καμία ψήφος)
Loading ...