HTML σε απλά ελληνικά, μέρος 2ο

Συνεχίζω την περιήγηση στα tags της HTML 4.01 με το γράμμα B. Θα δούμε τα εξής tags: <b>, <base>, <basefont>, <bdo>, <big>, <blockquote>, <body>, <br> και <button>.

<b> (bold text style)

Με λίγα λόγια — forget it! Αυτό το tag καθοδηγεί τον browser να δείξει bold γράμματα ενώ δεν έχει καμία σημασία για το περιεχόμενο που περικλείει. Αν χρειάζεσται οτιδήποτε bold χρησιμοποιήστε CSS, τελεία.

<base> (document base URI)

Αυτό το tag, με το href attribute που είναι απαραίτητο, καθορίζει ένα ακριβές (absolute) URI το οποίο χρησιμεύει σαν βάση για τα σχετικά (relative) URIs που υπάρχουν στον κώδικα… Αν δεν καταλάβατε τίποτα, δεν πειράζει. Δεν σας χρειάζεται.

<basefont> (base font size)

Αυτό απαγορεύεται δια ροπάλου! Είμαστε στο 2008 πλέον, χρησιμοποιήστε CSS.

<bdo> (I18N BiDi over-ride)

Τούτο είναι δύσκολο! Μπορείτε όμως να το προσπεράσετε γιατί αφορά σε γλώσσες που γράφονται από δεξιά προς τα αριστερά και παίρνει προτεραιότητα έναντι της δήλωσης της γλώσσας στην αρχή του κώδικα.

<big> (large text style)

Μακριά από 'μας. Δείτε το <b>.

<blockquote> (long quotation)

Ένα tag που έχει κακο-χρησιμοποιηθεί τουλάχιστον όσο τα tables, κυρίως διότι οι περισσότεροι browsers (εξ ορισμού) δείχνουν τα περιεχόμενα σε παράγραφο με αυξημένα περιθώρια. Η σημασία του είναι να καθορίσει ένα απόσπασμα από κάποιο άρθρο ή κείμενο και χρειάζεται το cite attribute. Τα περιεχόμενα του cite -τουλάχιστον στον Firefox- είναι διαθέσιμα μόνο με δεξί κλικ, Properties αλλά είναι απαραίτητο να ανακοινώνουμε τις πηγές απ'όπου παίρνουμε ειδήσεις ή λογοτεχνικά / τεχνικά αποσπάσματα οπότε, χρησιμοποιήστε το.

These two elements designate quoted text. BLOCKQUOTE is for long quotations (block-level content) and Q is intended for short quotations (inline content) that don't require paragraph breaks.

<blockquote cite="http://www.w3.org/TR/html4/struct/text.html#edef-BLOCKQUOTE"> <p><em>These two elements designate quoted text. BLOCKQUOTE is for long quotations (block-level content) and Q is intended for short quotations (inline content) that don't require paragraph breaks.</em></p> </blockquote>
<body> (document body)

Αυτό περικλείει όλο τον κώδικα της σελίδας μας. Μπορεί επίσης να πάρει class ή/και id attributes για να εφαρμοστούν CSS στα περιεχόμενα του.

<br> (forced line break)

Χρησιμοποιείται για να αλλάξει γραμμή στο κείμενο, αν η παράγραφος είναι μεγάλη ή απλώς θέλουμε να ξεκινήσουμε μια πρόταση σε νέα σειρά χωρίς να ανοίξουμε νέο <p> (το οποίο θα το δούμε αργότερα).

<button> (push button)

Αυτό είναι ένα μάλλον παρεξηγημένο tag και δεν χρησιμοποιείται πολύ. Κρίμα, γιατί προσφέρει περισσότερες δυνατότητες από τα αντίστοιχα inputs. Αναλυτικά:

  • Ένα button μπορεί να έχει type submit, reset ή button και λειτουργεί στη φόρμα με τον ίδιο τρόπο.
  • Είναι ένα container ή αλλιώς block element που όμως προβάλεται στη ροή (inline) του κώδικα και μπορεί να περιλαμβάνει κείμενο και εικόνα.
  • Έχει περισσότερες δυνατότητες ελέγχου της εμφάνισης του με CSS — το αν αυτό είναι καλό βέβαια είναι συζητήσιμο…

Η χρήση του <button>, με παραδείγματα σε διάφορους browsers.

Καταψηφίστε το άρθροΥπερψηφίστε το άρθρο (Καμία ψήφος)
Loading ... Loading ...

TrackBack URL


Σχολιάστε

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Αυτό το website στηρίζεται στην πλατφόρμα WordPress. Οι σελίδα είναι έγκυρη XHTML Strict (όχι για πολύ ακόμα…) ενώ, έγκυρα είναι και τα CSS. Υπάρχει RSS feed στη διάθεση σας. Το περιεχόμενο προσφέρεται ελεύθερα εκτός απ'όπου δείτε τη σήμανση creative commons. Θα με βρείτε στο twitter, στο facebook και στο Google+ — σημεία των καιρών… Και κάποιος, επιτέλους, να σταματήσει τις πατέντες στο λογισμικό!