Structura header-ului unui document HTML (elementul HEAD)
Headerul (antetul) unui document (definit cu elementul HEAD) contine informatii despre documentul curent, cum ar fi titlul documentului, cuvinte cheie utilizate de motoarele de cautare si alte date care nu sīnt considerate continut al documentului. Agentii utilizatori (browser-ele) nu afiseaza īn general aceste informatii, prelucrīnd elementele ce apar aici si facīnd disponibile informatiile intr-un alt mod decīt continutul documentului. De exemplu, browser-ele afiseaza titlul documentului īncarcat īn caption-line (linia de titlu) a browserului, alaturi de numele browser-ului īnsusi.
Elementul HEAD poate contine urmatoarele elemente:
TITLE - stabileste titlul documentului
BASE - defineste adresa (URI) de baza a documentului
STYLE - defineste stilurile de document (style-sheet) folosite īn document
LINK - defineste relatiile documentului propriu-zis cu alte documente auxiliare
SCRIPT - defineste un script client-side (secventa de instructiuni ce se executa īn client)
ISINDEX - defineste textul prompterului utilizat la preluarea datelor de la utilizator
OBJECT - permite includerea unor obiecte externe (sunete, imagini, animatii, etc)
Sintaxa:
<TITLE>...</TITLE>
Atribute posibile:
atribute de internationalizare (vezi mai sus)
Contine:
Text (inclusiv caractere entitati)
Continut īn:
HEAD
Descriere:
Acest element da titlul documentului. Fiecare document trebuie sa aiba exact 1 titlu (un singur element TITLE īn HEAD). Contine text sa/sau caractere entitati, dar nu poate contine alte elemente de marcare. Un titlu bun trebuie sa fie scurt si specific continutului documentului, astfel īncīt sa poata fi utilizat ca bookmark (semn de carte) īn browsere, ca titlu pentru fereastra īn care se afiseaza si ca legatura pentru motoarele de cautare. Lungimea limita a unui titlu se recomanda a fi 60 caractere.
Exemplu:
Exemplul urmator de pagina HTML seteaza titlul la "valoarea" (sirul de caractere) "My Jungle Home Page" si va arata ca īn figura (aic 212h74c i īncarcata īn browserul Internet Explorer).
<HTML>
<HEAD>
<TITLE>My Jungle Home Page</TITLE>
</HEAD>
</HTML>
Sintaxa:
<BASE>
Atribute posibile:
HREF = uri (adresa/url de baza)
TARGET = destinatia frame-ului (unde se īncarca ceea ce indica legatura)
Contine:
Gol (nu contine nimic)
Continut īn:
HEAD
Descriere:
Acest element defineste adresa de baza (uri, url) a documentului, cea care este folosita la rezolvarea (determinarea) adreselor relative din cadrul documentului. Ea trebuie sa fie unica. Daca este prezent, elementul BASE trebuie sa apara īn HEAD īnaintea oricarui alt element ce contine o referire la o adresa (uri, url).
Atributul HREF specifica adresa propriu-zisa (url).
Cele mai multe pagini de Web nu necesita o astfel de adresa (adresa documentului īnsusi, de unde a fost īncarcat, este adresa de baza, folosita la cele relative). Cazurile īn care este necesara sīnt: cīnd adresa de baza difera de adresa documentului sau cīnd acesta nu are o adresa de la care sa fi fost īncarcat (de exemplu a fost trimis prin email).
Atributul TARGET este folosit cīnd documentul este īmpartit īn frame-uri, specificīnd frame-ul īn care se afiseaza implicit portiunile din document daca nu sīnt specificate explicit.
Sintaxa:
<STYLE>...</STYLE>
Atribute posibile:
TYPE = ContentType (tipul continutului)
MEDIA = MediaDesc (tipul de media caruia i se aplica stilul)
TITLE = text (titlul stilului - style sheet)
atribute de internationalizare (pentru TITLE)
Contine:
An embedded style sheet
Continut īn:
HEAD
Descriere:
Acest element īnglobeaza (insereaza) īn document un stil (style sheet). Īntr-un HEAD pot fi continute oricīte elemente STYLE.
Atributul TYPE se foloseste pentru a specifica tipul de media (īn standardul Internet). Pentru stilurile definite de metoda Cascading Style Sheets atributul TYPE are valoarea text/css.
Atributul optional TITLE da un titlu style-sheet-ului. Fara acesta, style-sheet-ul respectiv este aplicat īntotdeauna cīnd sīnt active stilurile pentru documentul respectiv. Cu acest atribut se pot activa sau dezactiva style-sheet-uri individuale. Īnsa nu toate browser-ele implementeaza aceasta facilitate.
Atributul MEDIA specifica media pe care acest stil se aplica. Aceasta permite autorilor restrictionarea unui stil la anumite dispozitive de iesire. Valoarea acestui atribut este o lista de nume de medii separate prin virgula. HTML 4.0 defineste urmatoarele nume de medii (literele mari/mici sīnt diferite):
screen (implicit), display-urile uzuale (fara paginare);
print, iesirea pe imprimanta;
tty, display-uri ce folosesc caractere de dimensiune fixa (ca cele folosite de Lynx);
tv, dispozitive tip televizor (rezolutie mica si derulabilitate redusa);
projection, pentru proiectoare;
handheld, dispozitive handheld (de tinut īn mīna), caracterizate de un disply mic, monocrom si cu banda limitata;
braille, dispozitive tactile braille tactile;
aural, pentru sintetizatoare de voce;
all, pentru toate dispozitivele.
Browser-ele pre-HTML 3.2 care nu cunosteau elementul STYLE afisau continutul sau ca si cum ar fi facut parte din corpul documentului (din BODY). Pentru a preīntīmpina aceasta se permite ca definitia de stil sa apara īntr-un comentariu (<!-- comment -->).
Un stil definit īn acest mod este util cīnd stilul respectiv se aplica unui singur document. Daca acesta trebuie aplicat mai multor documente se foloseste tehnica stilurilor externe.
Exemplu:
Un exemplu de descriere si includere a unui stil īntr-un document:
<STYLE TYPE="text/css" MEDIA=screen>
<!--
BODY
P EM
.note
-->
</STYLE>
Se defineste ca background pentru corpul documentului (BODY) imaginea aflata īn fisierul "foo.gif", iar culoarea de background ca fiind negru. Īn cadrul unui paragraf (P) backgroundul este galben iar textul are culoarea neagra. Un stil cu numele "note" īncepe de la 5 unitati īn stīnga si se īntinde pīna cu 5 unitati fata de margine din dreapta.
Sintaxa:
<LINK>
Atribute posibile:
REL = LinkTypes (relatiile CĂTRE link)
REV = LinkTypes (relatiile DE LA link)
HREF = URI (referinta hypertext)
TYPE = ContentType (tipul continutului legaturii)
TARGET = FrameTarget (frame-ul īn care se īncarca link-ul)
MEDIA = MediaDesc (mediul pentru care e linkul)
HREFLANG = LanguageCode (limba īn care e descrisa legatura/linkul)
CHARSET = Charset (setul de caractere folosit pentru link)
atribute comune
Contine:
Nimic
Continut īn:
HEAD
Descriere:
Acest element defineste "relatiile" documentului cu alte documente īn ceea ce priveste localizarea (adresele lor). Īntr-un HEAD pot apare oricīte elemente LINK. Nu toate browser-ele suporta īnsa elementul LINK, astfel īncīt un document nu trebuie sa depinda de relatiile definite de acest element, ci trebuie folosit doar pentru a īmbunatati performantele per ansamblu.
Atributele REL si REV definesc natura relatiei dintre document si resursele legate (specificate) de acestea. REL defineste o relatie de la documentul curent la resursa legata, īn timp ce REV defineste o relatie īn directia opusa. De exemplu:
<LINK REL=Glossary HREF="foo.html">
indica faptul ca fisierul "foo.html" este un glosar pentru documentul curent, īn timp ce
<LINK REV=Subsection HREF="bar.html">
indica faptul ca documentul curent este o subsectiune a lui "bar.html". Valoarea lui REL si REV este o lista de linkuri separate prin spatii.
Relatiile comune īntre documente includ si urmatorul sau precedentul īntr-o secventa, pagina de start īntr-o colectie, un document cu informatii de copyright si informatii despre autor. Un document ar putea defini aceste relatii astfel:
<LINK
REL=Prev HREF="base.html" TITLE="BASE - Document Base URI">
<LINK REL=Next HREF="meta.html" TITLE="
<LINK REL=Start HREF="../" TITLE="HTML
4.0 Reference">
<LINK REL=Copyright HREF="/copyright.html" TITLE="Copyright Notice">
<LINK REV=Made HREF="mailto:lp@foo.com" TITLE="Feedback">
Elementul LINK se poate folosi si pentru a aplica un stil extern. REL=StyleSheet specifica un stil persisitent sau preferat, īn timp ce REL="Alternate StyleSheet" defineste un stil alternativ.
Un stil persisitent este acela care se aplica īntotdeauna cīnd style sheet-urile sīnt active. Absenta atributului TITLE indica un astfel de stil.
Un stil preferat este acela care se aplica automat. Combinatia dintre REL=StyleSheet si TITLE specifica un stil preferat. Un autor nu poate specifica mai mult de un astfel de stil.
Un stil alternativ este indicat de REL="Alternate StyleSheet". Utilizatorul poate alege sa schimbe stilul preferat cu unul dintre cele alternative, daca broeserul permite acest lucru (nu toate o si fac, īnsa).
Un stil poate fi specificat prin intermediul mai multor style-sheet-uri (fisiere de descriere a stilurilor), ca īn exemplu urmator:
<LINK
REL=StyleSheet HREF="basics.css" TITLE="Contemporary"
TYPE="text/css">
<LINK REL=StyleSheet HREF="tables.css"
TITLE="Contemporary" TYPE="text/css">
<LINK REL=StyleSheet HREF="forms.css"
TITLE="Contemporary" TYPE="text/css">
Aici se combina 3 style-sheet-uri pentru a forma stilul "Contemporary", aplicat ca si stil preferat. Pentru a se combina style-sheet-urile trebuie sa foloseasca acelasi TITLE.
Atributul MEDIA specifica media pentru care sīnt proiectate resursele legate de acest document. Cu REL=StyleSheet autorii restrictioneaza un stil la un anumit dispozitiv. Are aceleasi valori ca la elementul STYLE.
Atributele optionale HREFLANG si CHARSET ale lui LINK descriu limba (de exemplu en pentru English, en-US pentru American English si ja pentru Japoneza) si schema de codificare a legaturii (de exemplu ISO-8859-1, SHIFT_JIS, and UTF-8).
Relatia legaturii Alternate defineste o versiune alternativa a documentului. Traduceri ale unei pagini pot fi identificate folosind REL=Alternate īmpreuna cu atributul HREFLANG, iar versiuni ale unei pagini potrivite pentru un mediu specific se pot oferi prin combinarea REL=Alternate cu atributul MEDIA ca īn exemplele urmatoare:
<LINK REL=Alternate
HREF="index.fr.html" HREFLANG=fr LANG=fr TITLE="Version
franēaise">
<LINK REL=Alternate HREF="index.ja.html" HREFLANG=ja
CHARSET="SHIFT_JIS" TITLE="
<LINK REL=Alternate HREF="index.pdf"
TYPE="application/pdf" MEDIA=print TITLE="PDF version">
De remarcat ca atributele LANG si DIR se aplica textului atributului TITLE si NU continutului legaturii.
Atributul TARGET se foloseste īn cazul documentelor definite cu frame-uri.
Sintaxa:
<
Atribute posibile:
NAME = nume (numele proprietatii)
HTTP-EQUIV = nume (numele raspunsului din headerul HTTP)
CONTENT = CDATA (datele asociate)
SCHEME = CDATA (formatul datelor)
atribute de internationalizare pentru CONTENT (vezi mai sus)
Contine:
Nimic
Continut īn:
HEAD
Descriere:
Acest element
defineste metadatele documentului: cuvintele cheie asociate cu acestea,
descrierea documentului si autorul sau. Pot apare oricīte elemente
Atributul NAME defineste un nume de proprietate, īn timp ce CONTENT da valoarea corespun-zatoare a acelei proprietati. CONTENT poate contine text si caractere entitate, dar fara taguri.
Atributul optional SCHEME defineste formatul proprietatii respective. De exemplu, proprietatea data calendaristica poate cere SCHEME="Month-Day-Year" pentru a o deosebi de formatul definit de SCHEME="Day-Month-Year".
Exemplul urmator defineste autorul unui document:
<META NAME=author CONTENT="Laurentiu Padeanu">
Unele motoare de cautare folosesc cuvinte cheie si proprietati de descriere pe care le asociaza cu legatura catre documentul respectiv (si care pot oferi chiar informatii asemanatoare ponderilor). De exemplu:
<META NAME="description" CONTENT="Pagina
clubului de fotbal Universitatea Craiova">
<META NAME="keywords" CONTENT="U Craiova, stiinta,
Pentru a evita ca aceste motoare sa trunchieze descrierea documentului, aceasta trebuie sa fie sumara (sa nu depaseasca 200 de caractere). Cuvintele cheie sīnt separate prin virgula si literele mari sīnt diferite de cele mici. Motoarele de cautare proceseaza de obicei primele 1000 de caractere, iar daca un cuvīnt se repeta prea des exista pericolul ca documentul sa nu fie indexat.
Unele motoare de cautare suporta proprietatea robots pentru a indica daca un document sa fie indexat si care dintre link-urile sale sa fie urmate. Valoarea asociata a lui CONTENT este o lista de directive separate prin virgula:
index - specifica posibilitatea ca aceasta pagina sa fie indexata
noindex - indica neindexarea aceastei pagini
follow - indica motoarelor de cautare sa urmeze linkurile din pagina
nofollow - indica motoarelor de cautare sa NU urmeze linkurile din pagina
all - echivalent cu index, follow (implicit)
none - echivalent cu noindex, nofollow
De exemplu,
urmatorul element
<META NAME=robots CONTENT="noindex, follow">
De remarcat, īnsa, ca NU toate motoarele de cautare suporta aceasta proprietate.
Atributul HTTP-EQUIV poate fi folosit īn locul lui NAME pentru a indica faptul ca acea proprietate este (apartine) header-ului HTTP (a protocolului de preluare a documentelelor). Aceasta proprietate este transformata si transmisa de unele servere HTTP (nu toate1), dar clientii (browser-ele) recunosc aceasta caracteristica (faptul ca apartin headerului HTTP) chiar daca nu este trimisa īn antetul protocolului. Exemple (a se vedea si descrierea protocolului HTTP):
setarea datei de expirare a unui document
<
setarea limbajului scripturilor inline din document ca fiind javascript
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
setarea limbii īn care sīnt descrise stilurile inline din document
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
setarea codificarii unui document (la setul de caractere japonez)
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
Folosirea acestei metode īn locul specificarii īn antetul protocolului HTTP poate avea ca efect reafisarea paginii īnca o data dupa ce a fost īncarcata de anumite browsere.
setarea timpului si adresei de īncarcare a unei alte pagini dupa ce s-a īncarcat documentul curent: <META HTTP-EQUIV=Refresh CONTENT="10; URL=https://www.alta.com/">
Dupa 10 secunde de la īncarcarea paginii curente, browserul trebuie sa īncarce pagina de la adresa www.alta.com. De remarcat ca nu toate browserele suporta aceasta proprietate, astfel ca e preferata si oferirea unei alte modalitati de a īncarca pagina respectiva. Cel mai uzual motiv de folosire a lui Refresh este mutarea unei pagini la o alta adresa si pastrarea (cel putin pentru un timp) si a vechii adrese, pentru utilizatorii ce si-au marcat cu bookmark pagina mutata.
Sintaxa:
<SCRIPT>... </SCRIPT>
Atribute posibile:
TYPE = ContentType (tipul continutului limbajului scriptului)
LANGUAGE=CDATA (numele limbajului din script)
SRC=URI (locatia scriptului extern)
CHARSET=Charset (setul de caractere folosit de scriptul extern)
DEFER (executia scriptului poate astepta)
Contine:
Īnglobeaza un script
Continut īn:
HEAD, inline elements, block-level elements
Descriere:
Acest element include un script de tip client-side īn document. Aceasta tehnica permite o mai mare interactivitate īntr-un document prin actiunile ce pot fi īntreprinse ca raspunsuri la evenimente utilizator. De exemplu, un script poate fi folosit la verificarea elementelor introduse de utilizator īntr-un formular ĪNAINTE ca acestea sa fie transmise, oferindu-se īn acest mod posibilitatea de notoficare imediata a utilizatorului īn caz de eroare.
Nu toate browserele suporta tehnica scripturilor client-side, iar unele dintre cele care o suporta permit dezactivarea ei la solicitarea utilizatorului. Īn acest scop se foloseste elementul NOSCRIPT care ofera posibilitatea īnglobarii īn document a actiunilor ce trebuie executate īn acest caz. Mai mult, īn cazul unor validari ale unor elemente ce se transmit unor cgi-uri, acestea trebuie sa repete aceste verificari pentru a se acoperi si cazurile de invalidare/nesuportare a scripturilor client-side.
Mai mult, trebuie retinut ca diversele browsere suporta DIVERSE VARIANTE ale limbajelor utilizate pentru scrierea scripturilor, fiecare cu bug-urile sale. Browser-ele cele mai cunoscute ce suporta scripturile client-side sīnt Netscape Navigator versiunea 2.0 si superioara, Microsoft Internet Explorer versiunea 3.0 si superioara, si Opera versiunea 3.0 si superioara.
Atributul TYPE specifica tipul mediului ce contine limbajul de scriptare, adica text/javascript. Majoritatea browser-elor suporta īnsa numai atributul depasit LANGUAGE, cel care specifica numele limbajului folosit. Exemple ale valorilor suportate de LANGUAGE includ JavaScript, JavaScript1.1, and VBScript. Browser-ele vor ignora scripturile cu valori ale acestui atribut pe care nu le suporta. De exemplu, Netscape Navigator 3.0 va executa scripturile cu LANGUAGE = "JavaScript" sau LANGUAGE="JavaScript1.1" dar va ignora scripturile cu LANGUAGE = "JavaScript1.2" sau LANGUAGE="VBScript". Implicit se presupune ca este JavaScript 1.0.
Un script embedded (īnglobat) este dat ca si continut al elementului SCRIPT. Atributul SRC permite autorilor sa refoloseasca codul prin specificarea unui script extern. Atributul optional CHARSET ofera metoda de codificare (setul de caractere) al scriptului extern (tipic ISO-8859-1). Daca browser-ul nu poate īncarca scriptul extern va executa scriptul embeded, īn caz contrar ignorīndu-l pe acesta.
Exemplu:
<SCRIPT TYPE="text/javascript" SRC="foo.js" CHARSET="ISO-8859-1">
<!-
// script embedded, executat NUMAI DACĂ foo.js este nedisponibil
// -->
</SCRIPT>
Netscape Navigator cere ca scripturile externe sa-i fie oferite printr-un tip al continutului (cīmpul Content-Type al headerului HTTP) cu o valoare application/x-javascript.
Atributul DEFER indica posibilitatea ca browserul sa poata astepta parcurgerea scriptului pīna cīnd si restul documentului a fost prelucrat (afisat, de exemplu). Scripturile ce utilizeaza acest atribut nu trebuie sa genereze nici un continut al documentului si nu trebuie sa raspunda la evenimente utilizator ce pot apare īn timp ce documentul se īncarca (de exemplu transmiterea unui formular). Acesta poate fi util īn cazul īntīrzierii scripturilor ce preīncarca imagini, chiar daca browserele nu īl suporta, īn general.
Elementul SCRIPT poate apare de un numar oarecare de ori īn headerul sau corpul unui document (HEAD sau BODY). Īn mod tipic este amplasat īn HEAD, daca nu genereaza continut pentru corpul documentului.
Browserele dinaintea lui HTML 3.2 nu recunosc elementul SCRIPT si īi trateaza continutul ca si cum ar fi HTML normal. Pentru a evita aceste cazuri, se permite plasarea comentariilor īn jurul continutului scriptului embedded. De exemplu:
<SCRIPT TYPE="text/javascript">
<!-- comment to end of line
document.write("foo");
// comment to end of line -->
</SCRIPT>
Atentie la faptul ca "-->" este continut īntr-un comentariu pe o singura linie a limbajului JavaScript (īnceput cu doua caractere slash "/"). Din punct de vedere practic, prima aparitie a lui "</" urmat de orice litera este considerat tag de sfīrsit pentru elementul SCRIPT. Autorii trebuie sa evite utilizarea sirurilor de tipul "</P>" īn scripturile embedded. JavaScript permite folosirea caracterului \ (backslash) pentru a evita terminarea prematura a elementului SCRIPT, ca īn exemplul acesta: document.write("<\/P>").
Sintaxa:
<ISINDEX>
Atribute posibile:
PROMPT = text (mesajul promptului)
atribute fundamentale (core atributes, vezi mai sus
atribute de internationalizare (vezi mai sus)
Contine:
Nimic
Continut īn:
APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV, FIELDSET, FORM, HEAD, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH
Descriere:
Acest element defineste o linie singulara de introducere a datelor. Eticheta cīmpului de intrare este specificata folosind atributul PROMPT. ISINDEX este depasit īn HTML 4.0 de catre elementul INPUT. Este echivalent cu FORM cu un singur element de intrare de tip text, o metoda get si o actiune indicīnd la adresa (uri) documentului ce contine elementul ISINDEX.
Sintaxa:
<OBJECT>...</OBJECT>
Atribute posibile:
DATA=URI (datele obiectului)
CLASSID=URI (adresa de implementare)
ARCHIVE=CDATA (fisierele arhiva)
CODEBASE=URI (adresa de baza/URI pentru CLASSID, DATA, ARCHIVE)
WIDTH=Length (latimea obiectului)
HEIGHT=Height (inaltimea obiectului)
NAME=CDATA (numele pentru transmiterea formularelor)
USEMAP=URI (imaginea senzitiva/image map de tip client-side)
TYPE=ContentType (tipul continutului obiectului)
CODETYPE=ContentType (tipul continutului codului)
STANDBY=Text (mesajul ce se va afisa īn timp ce se īncarca)
TABINDEX=NUMBER (pozitia īn ordinea de parcurgere)
DECLARE (nu se instantiaza obiectul)
ALIGN=[ top | middle | bottom | left | right ] (modul de aliniere a obiectului)
BORDER=Length (latimea/grosimea marginii linkului)
HSPACE=Pixels (spatiu lasat orizontal)
VSPACE=Pixels (spatiu lasat vertical)
atribute comune
Contine:
Elemente PARAM urmate de elemente de tip bloc si/sau inline
Continut īn:
HEAD, elemente de tip inline, elemente de tip bloc cu exceptia lui PRE
Descriere:
Acest element este folosit pentru a include "obiecte" ca imagini, secvente video, applet-uri Java sau elemente VRML īn documentele HTML. Este utilizat pentru a īnlocui elementele mai specifice IMG si APPLET definite īn versiunile anterioare, precum si extensiile proprietare (ale diferitilor producatori de browsere), cum ar fi EMBED si BGSOUND. Utilizarea acestui element asigura atīt o portabilitate superioara, cīt si o compatibilitate īntre browsere si versiuni.
Atributul DATA specifica adresa obiectului īnglobat īn document. Adresele relative sīnt interpretate īn concordanta cu atributul CODEBASE.
Atributele WIDTH si HEIGHT definesc dimensiunile obiectului. Valorile pot fi īn pixeli sau īn procente relative la dimensiunea parintelui. Majoritatea browsere-lor cer obligatoriu aceste atribute.
CLASSID poate fi folositor pentru a specifica implementarea obiectului. Applet-urile Java, Python si controalele ActiveX ofera implementari pentru obiectul īnglobat, fiind astfel specificate cu atributul CLASSID, ca īn exemplul urmator:
<OBJECT CLASSID="yahtzee.py" CODETYPE="application/x-python"
STANDBY="Ready
to play Yahtzee?" TITLE="My Yahtzee Game">
<OBJECT CLASSID="java:Yahtzee.class" CODETYPE="application/java"
WIDTH=400
HEIGHT=250 STANDBY="Ready to play Yahtzee?" TITLE="My Yahtzee
Game">
<OBJECT DATA="yahtzee.gif" TYPE="image/gif"
TITLE="A
Yahtzee animation" WIDTH=200 HEIGHT=100>
Yahtzee is my <EM>favorite</EM> game!
</OBJECT>
</OBJECT>
</OBJECT>
Acest exemplu demonstreaza si metoda de utilizare a continutului alternativ pentru browserele care nu pot afisa obiectele īnglobate. Īn acest exemplu, se foloseste īntīi "varianta" scrisa īn Python a jocului Yahtzee, daca browserul īl suporta. Pentru browserele care nu suporta appleturile Python se ofera o alternativa cu versiunea Java. Mai mult, daca nici acest tip de applet nu e recunoscut (si executat) se ofera o imagine (un gif). La limita este oferit si un text, ca alternativa extrema. De remarcat ca acest exemplu este compatibil si cu versiunile anterioare care ignora tagul OBJECT, afisind continutul elementului din interior (aici un text!).
Tot īn acest exemplu este prezentata si modalitatea de utilizare a atributelor TYPE si CODETYPE pentru a permite browserelor evitarea solicitarii explicite si suplimentare a unui fisier pe care nu īl pot prelucra (afisa). Atributul TYPE specifica tipul suportului referit de resursa referita de DATA, iar CODETYPE specifica tipul suportului cerut de datele specificate de CLASSID. Exemplul utilizeaza si atributul STANDBY care afiseaza un text (scurt) īn timpul īncarcarii obiectului respectiv.
Atributul ARCHIVE poate specifica o lista (cu elemente separate prin blancuri, elemente ce sīnt adrese absolute sau relative la CODEBASE), permitīnd browserului sa īncarce mai multe fisiere cu o singura conexiune, ceea ce conduce la scaderea timpului total de īncarcare a unui document compus. Formatul standard de arhiva pentru Java este JAR. Aceste arhive se pot crea cu utilitarul jar oferit de kitul de dezvoltare jdk.
Atributul DECLARE face ca obiectul sa fie doar o declaratie ce NU este instantiata imediat. Aceasta permite instantierea obiectelor prin intermediul unei legaturi, unui buton sau unui obiect mai tīrziu īn acelasi document. Atributul ID trebuie sa fie utilizat cu obiectele estfel declarate pentru ca mai tīrziu acestea sa se poata instantia prin intermediul identificatorului atribuit aici.
Exemplu:
<OBJECT DECLARE ID=yahtzee CLASSID="java:Yahtzee.class" CODETYPE="application/java"
WIDTH=400
HEIGHT=250 TITLE="My Yahtzee Game">
<IMG SRC="yahtzee.gif" ALT="You get the dice!"
TITLE="Yahtzee animation">
</OBJECT>
<P>Ready to <A HREF="#yahtzee">play
Yahtzee</A>?</P>
Elementul OBJECT poate contine si elemente PARAM, īnaintea oricarui alt continut, pentru a oferi datele de initializare la executie. Exemplul urmator include o secventa video si un clip audio ca alternativa. Se folosesc parametri recunoscuti īn mod normal de orice plug-in pentru audio/video, plasati īnainte de specificarea continutului alternativ:
<OBJECT DATA="mlk.mov" TYPE="video/quicktime"
TITLE="Martin Luther
King's "I Have a Dream" speech" WIDTH=150 HEIGHT=150>
<PARAM NAME=pluginspage VALUE="https://quicktime.apple.com/">
<PARAM NAME=autoplay VALUE=true>
<OBJECT DATA="mlk.wav" TYPE="audio/x-wav"
TITLE="Martin
Luther King's "I Have a Dream" speech">
<PARAM NAME=autostart VALUE=true>
<PARAM NAME=hidden VALUE=true>
<A HREF="mlk.html">Full text of Martin Luther King's "I
Have a Dream" speech</A>
</OBJECT>
</OBJECT>
Atributul USEMAP poate fi folosit cu OBJECT pentru a include o imagine "clicabila" - o imagine care este echivalenta cu o serie de legaturi activate cu un click de mouse (spre adrese diferite īn functie de zona de imagine pe care se face clic). Acestea se mai pot realiza si cu elementul IMG (fiind mai bine suportate de browsere), dar cele definite cu OBJECT permit o alternativa textuala completa pentru browserele ce nu īncarca imaginile. Atributul USEMAP indica spre un element MAP al carui continut defineste legaturile īn functie de coordonatele zonei īn care se face clic. Elementul MAP poate fi inclus īn OBJECT, caz īn care continutul sau nu este afisat (ci interpretat asa cum e descris anterior), sau īn afara lui OBJECT si atunci continutul sau este afisat.
Exemplul urmator prezinta un document cu doua imagini (cea de a doua ca alternativa la prima, daca aceasta nu este suportata). Ambele partajeaza o definitie de "harta" (zonele de pe imagine) care este inclusa īn elementul OBJECT. Elementul MAP contine un meniu de legaturi care sīnt afisate de browserele care nu īncarca imaginile:
<OBJECT DATA="sitemap.png" USEMAP="#map" TYPE="image/png"
TITLE="Site map" WIDTH=300 HEIGHT=200>
<OBJECT DATA="sitemap.gif" USEMAP="#map" TYPE="image/gif"
TITLE="Site map" WIDTH=300 HEIGHT=200>
<MAP NAME=map>
<UL>
<LI><A HREF="/reference/"
COORDS="5,5,95,195">HTML and CSS Reference</A></LI>
<LI><A HREF="/design/"
COORDS="105,5,195,195">Design Guide</A></LI>
<LI><A HREF="/tools/index.html"
COORDS="205,5,295,195">Tools</A></LI>
</UL>
</MAP>
</OBJECT>
</OBJECT>
Atributul TABINDEX specifica (prin intermediul unui numar īntreg īntre 0 si 32767) ordinea de parcurgere a elementului daca se foloseste tasta TAB. Un element cu TABINDEX'0 sau fara TABINDEX va fi vizitat dupa toate elementele care au un TABINDEX pozitiv. Dintre elementele care au un TABINDEX pozitiv, cele care au o valoare mai mica vor primi focusul (vor fi vizitate) mai īntīi. Daca au aceeasi valoare se viziteaza īntīi cele care apar īntīi īn document.
Atributul ALIGN, depasit īn HTML 4.0, specifica modul de aliniere a unui obiect. Valorile top, middle si bottom specifica pozitia obiectului fata de continutul documentului ce-l īnconjoara la stīnga si dreapta. ALIGN=middle aliniaza centrul obiectului cu linia de baza a textului (baseline). Pentru a centra un obiect orizontal īn pagina se plaseaza īntr-un bloc centrat, ca īn exemplul urmator:
<P ALIGN=center><OBJECT DATA="foo.mov" TYPE="video/quicktime"></OBJECT></P>
Celelalte valori (left si right) specifica un obiect flotant (ca pozitie): el este plasat la marginea din stīnga sau din dreapta si restul continutului curge pe līnga el. Pentru a se plasa restul continutului sub obiect se foloseste <BR CLEAR=left|right|all> (cel care se impune īn situatia respectiva). Metodele moderne de aliniere sīnt oferite de proprietatile vertical-align and float ale stilurilor cascadate (Cascading Style Sheets).
Atributul BORDER (este si el depasit īn HTML 4.0) specifica grosimea marginii obiectului. Valoarea 0 are ca efect marginea din jurul unei legaturi (link) si trebuie folosita cu precautie. Exemplu:
<A HREF="reference/">
<OBJECT DATA="icon/reference.gif" WIDTH=90 HEIGHT=90 BORDER=0></OBJECT>
Web Authoring Reference
</A>
Atributele HSPACE si VSPACE (si ele depasite īn HTML 4.0) permit sugerarea unor spatii goale verticale si orizontale īn jurul obiectelor a caror dimensiune este data īn pixeli, egala pentru ambele margini. Metoda moderna este prin intermediul style-sheet-urilor.
Obiectul OBJECT este cel mai utilizat ca un element BODY si poate fi continut atīt īn elemente inline cīt si īn elemente de nivel bloc. Continutul lui OBJECT trebuie sa fie alcatuit din elementele care pot fi continute īn parintele lui OBJECT. De exemplu un element A continīnd un OBJECT nu poate avea nici un element de nivel bloc ca si continut al elementului OBJECT.
|
