Structura header-ului unui document HTML (elementul HEAD)

html

ALTE DOCUMENTE

Pe scurt despre WWW

Internet Explorer

Designul site-ului

Motoare de cautare si metatag-uri

Imagini si elemente multimedia

Crearea paginilor Web in limbajul HTML

Serviciul de posta electronica

Resursele World Wide Web

Definirea rindurilor (elementul TR)

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

META - defineste un set de "metadate" (date auxiliare utilizate în diverse alte scopuri)

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)

1. Elementul TITLE

Sintaxa:

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>

2. Elementul BASE

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.

3. Elementul STYLE

Sintaxa:

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 ().

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:

<!--

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.

4. Elementul LINK

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:

indica faptul ca fisierul "foo.html" este un glosar pentru documentul curent, în timp ce

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:

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:

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:

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.

5. Elementul META

Sintaxa:

<META>

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 META în cadrul elementului HEAD. Nu exista o lista standard de metadate/proprietati (fiecare autor poate defini orice metadata îi este necesara).

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:

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:

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 le spune motoarelor de cautare sa nu indexeze pagina, dar sa urmareasca link-urile din pagina:

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

setarea limbii în care sînt descrise stilurile inline din document

setarea codificarii unui document (la setul de caractere japonez)

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.

6. Elementul SCRIPT

Sintaxa:

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 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:

<!-- 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>").

7. Elementul ISINDEX

Sintaxa:

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.

8. Elementul OBJECT

Sintaxa:

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>

<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:

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:

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.

Document Info

Accesari: 5408
Apreciat:

Comenteaza documentul:

Nu esti inregistrat
Trebuie sa fii utilizator inregistrat pentru a putea comenta

Creaza cont nou

A fost util?

Daca documentul a fost util si crezi ca merita
sa adaugi un link catre el la tine in site

Copiaza codul:
in pagina web a site-ului tau.

eCoduri.com - coduri postale, contabile, CAEN sau bancare

Politica de confidentialitate | Termenii si conditii de utilizare