Σήμερα θα δούμε τα tags <noframes>, <noscript>, <object>, <ol>, <optgroup> και <option>.

<noframes> (alternate content container for non frame-based rendering)

Αυτό το tag θα πρέπει να εμφανίζεται κάτω από το <frameset> και υποτίθεται πως χρησιμοποιείται στην περίπτωση που ο browser δεν μπορεί να δείξει τα frames. Στην πράξη, αυτό σημαίνει πως ο χρήστης πιθανότατα έχει κάποιο screen reader οπότε, το περιεχόμενο του <noframes> δεν πρόκειται να τον βολέψει ιδιαίτερα.

<noscript> (alternate content container for non script-based rendering)

Τούτο θα πρέπει να <script> (θα το δούμε στο επόμενο άρθρο) για να περικλείει περιεχόμενο που θέλουμε να παρουσιάσουμε στον χρήστη που δεν έχει Javascript στον browser. Βασικά, είναι άχρηστο γιατί, σύμφωνα με τη μέθοδο progressive enhancement που θα πρέπει να εξασκείτε σε σχέση με την Javascript, όλοι οι χρήστες θα έχουν πρόσβαση στο ίδιο περιεχόμενο.

<object> (generic embedded object)

Πρόκειται για την μέθοδο που θα πρέπει να χρησιμοποιούμε για να ενσωματώσουμε Java, Flash και άλλες τεχνολογίες που απαιτούν κάποιου είδους εγκατεστημένο plugin στον υπολογιστή του χρήστη. Η σύνταξη του <object> είναι πολύπλοκη — δείτε τα attributes που μπορεί να δεχτεί:

classid

Περιέχει είτε ένα έγκυρο URI είτε ένα ID της Registry των Windows που δηλώνει το είδος του αντικειμένου που θέλουμε να δείξουμε. Φυσικά, δεν υπάρχει καμία περίπτωση να θυμάστε το class ID αλλά, ευτυχώς, στους σύγχρονους browsers το classid δεν χρειάζεται.

codebase

Αυτό κάνει διαφορετικές δουλειές σε διαφορετικούς browsers — ευτυχώς είναι άχρηστο. Υποτίθεται πως θα πρέπει να περιέχει τη διεύθυνση απ'όπου μπορεί ο χρήστης να κατεβάσει το plugin που του λείπει.

codetype

Δείτε το type λίγο παρακάτω.

data

Αυτό είναι το path ή/και το όνομα του αρχείου που επιθυμούμε να φορτώσουμε.

height

Το ύψος που θα καταλάβει το plugin στην σελίδα, σε pixels.

name

Μπορούμε να δώσουμε ένα όνομα στο object για χρήση από Javascript, αλλά το ίδιο μπορεί να γίνει και με το id attribute που είναι καλύτερα.

type

Το είδος του plugin. Εάν πρόκειται για Flash θα πρέπει να είναι application/x-shockwave-flash. Θα πρέπει να βρείτε το κατάλληλο type στο documentation του προγράμματος.

width

Το πλάτος, σε pixels.

Η χρήση του <object> απαιτεί επίσης ένα ή περισσότερα <param> tags που θα δούμε λίγο παρακάτω.

<ol> (ordered list)

Ορίζει αριθμητικές λίστες. Δεν χρειάζεται attributes, οι περισσότερες ρυθμίσεις σχετικά με την εμφάνιση θα πρέπει να γίνονται με CSS.

<optgroup> (option group)

Χρησιμοποιείται για να ομαδοποιήσει τις επιλογές σε ένα <select>, το οποίο θα το δούμε σε επόμενο μάθημα. Απαιτείται η χρήση του label attribute για να ορίσει την επικεφαλλίδα ή το διαχωριστικό του group. Θα δούμε ένα παράδειγμα παρακάτω.

<option> (selectable choice)

Αυτές είναι οι επιλογές που εμφανίζονται σε ένα μενού <select>. Ας δούμε ένα παράδειγμα:

<form action="">
<p><select>
	<optgroup label="Γκρουπ 1">
		<option value="1_1">Επιλογή 1</option>
		<option value="1_2">Επιλογή 2</option>
		<option value="1_3">Επιλογή 3</option>
		<option value="1_4">Επιλογή 4</option>
	</optgroup>
	<optgroup label="Γκρουπ 2">
		<option value="2_1">Επιλογή 1</option>
		<option value="2_2">Επιλογή 2</option>
		<option value="2_3">Επιλογή 3</option>
	</optgroup>
</select></p>
</form>

Όπως μπορείτε να δείτε, το label του κάθε <optgroup> εμφανίζεται εξ ορισμού με bold ή/και πλαγιαστά γράμματα — φυσικά, την εμφάνιση την ελέγχετε με CSS. Επίσης, τα <optgroup>s δεν είναι διαθέσιμα για επιλογή ενώ τα <option>s εξ ορισμού αποκτούν αριστερό περιθώριο. Δείτε επίσης τη χρήση του value attribute στα <option>s που είναι η τιμή που θα στείλει ο browser στον server κατά την αποστολή της φόρμας και μπορεί φυσικά να είναι διαφορετικό από αυτό που φαίνεται στον χρήστη.

Τέλος, τα <optgroup> και <option> μπορούν να έχουν τα γενικά class, id, lang και title attributes ενώ το <option> μπορεί να δεχτεί το selected="selected" που δηλώνει πως η συγκεκριμένη επιλογή είναι προεπιλεγμένη. Το selected θα πρέπει να εμφανίζεται μόνο μία φορά, εκτός και αν το <select> είναι πολλαπλών επιλογών — θα δούμε πως στο επόμενο μάθημα.

(Καμία ψήφος)

 Loading ...

TrackBack URL