atestat-exeplu listing html si ajax crawling
TRANSCRIPT
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
1/41
Atestat
Japonia-Tara Soarelui Sus Rasare
Capraru Adriana Raluca – 12C
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
2/41
HTML- Hypertext Markup Language
-notiuni introductive si tutorial-
• Ce este HTML ?
Unul din primele elemente fundamentale ale WWW World Wide We! "este HTML Hypertext Markup Language "# care descrie formatul primar in
care documentele sunt distri!uite si v$%ute pe We!& Multe din trasaturile lui#cum ar ' independenta fata de platforma# structurarea format$rii si legaturile
(ypertext# fac din el un foarte !un format pentru documentele )nternet siWe!&
*rimele speci'ca+iile de !a%a ale We!-ului au fost HTML# HTT* si URL&HTML a fost de%voltat initial de Tim ,erners-Lee la .R/ in 0121& HTML a fost
va%ut ca o posi!ilitate pentru '%icienii care utili%ea%a computere diferite sisc(im!e 3ntre ei informa+ie utili%ind )nternetul& .rau prin urmare necesare
citeva trasaturi4 independenta de platforma# posi!ilit$+i (ypertext sistructurarea documentelor&)ndependenta de platforma 3nseamn$ ca un
document poate ' a'5at in mod asem$n$tor de computere diferite deci cufonte# gra'ca si culori diferite "# lucru vital pentru o audienta at3t de variata&
Hipertext 3nseamn$ ca orice cuv6nt# fra%a# imagine sau alt element aldocumentului v$%ut de un utili%ator client " poate face referin+a la un altdocument# ceea ce u5urea%$ mult navigarea intre multiple documente sau
c(iar in interiorul unui aceluiasi document& Structurarea riguroasa adocumentelor permite convertirea acestora dintr-un format in altul precum siinterogarea unor !a%e de date formate din aceste documente&
Standardul o'cial HTML este World Wide We! onsortium W7"# care estea'liat la )nternet .ngineering Task 8orce ).T8"& W7 a enun+at c6teva
versiuni ale speci'ca+iei HTML# printre care si HTML 9&:# HTML 7&:#HTML 7&9#HTML ;&: si# cel mai recent# HTML ;&:0& )n acela5i timp# autorii de !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
3/41
Speci'ca+ia HTML 7&:# .nun+ata in 011A# a 3ncercat sa de%volte HTML 9&: prinad$ugarea unor facilit$+i precum ta!elele si un mai mare control asupratextului din ?urul imaginilor& @e5i unele din nout$+ile HTML 7&: erau de?a
folosite de autorii de !roecte si sa standardi%e%e practicile acceptate la scara larga& @eci# HTML
7&9 include tagurile HTML 7&: ce erau adoptate de autorii de !ro !&
Tag-urile intre aceste parante%e transmit comen%i c$tre !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
4/41
a'5a pagina intr-un anumit mod& Unele !locuri pre%int$ delimitator de sf6r5itde !loc# in timp ce pentru alte !locuri acest delimitator este op+ional sau
c(iar inter%is&)ntre cele doua marca?e si vom introduce doua sec+iuni4
- sectiunea de antet ... si - corpuldocumentului & ,locul cuprinde
con+inutul propriu-%is al paginii HTML# adic$ ceea ce va ' a'5at in fereastra
!ro putem scrie texte c3t dorim& @acanu 3nt6lnim nici un marca? atunci interpretorul HTML le va lua catexte simple si le va a'5a pe ecran& Sa vedem o noua versiune a paginii
noastre4
on+inutul !locului ... vaap$rea in !ara de titlu a ferestrei !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
5/41
va ap$rea numele '5ierului& @aca introducem mai multe linii intr-o pagina !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
6/41
• *rin construc+ia = Qrrgg!! = unde r red"# g green"# sau ! !lue" suntcifre (exa%ecimale si pot lua valorile4 :# 0# 9# 7# ;# A# B# D# 2# 1# a# F# !#,# c# # d# @# e# .# f# 8 se pot de'ni astfel BAA7B de culori&
uloarea unei pagini se preci%ea%$ prin intermediul unui atri!ut al
etic(etei # de exemplu4 !ody !gcolor culoareN&Urm$torul exemplu reali%ea%$ o pagin$ cu fondul de culoare gri&
Culoarea te'tului
Fcest lucru se face prin intermediul atri!utului text aletic(etei
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
7/41
Textul a'5at este caracteri%at de urm$toarele atri!ute4 M$rime si%e"#uloare color "# 8ont style"&Fcestea sunt atri!ute ale etic(etei 4
• leftmargin sta!ile5te distanta dintre marginea st6nga a ferestrei!ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
8/41
Stiluri pentru "locurile de te't
*entru ca un !loc de text sa apar$ in pagina eviden+iat cu caractere aldine"#tre!uie inclus intre delimitatorii ! vine de la =!old= 3ndr$%ne+"&
*entru ca un text sa 'e scris cu caractere mai mari cu o unitate dec6t celecurente acesta tre!uie inclus intr-un !loc delimitat deetic(etele &*entru ca un text sa 'e scris cu caractere mai mici cu o unitate dec6t celecurente acesta tre!uie inclus intr-un !loc delimitat deetic(etele ...&*entru ca un text sa 'e scris cu caractere cursive acesta tre!uie inclus intr-un !loc delimitat de etic(etele ... i vine de la = italic ="&*entru a insera secven+e de text aliniate ca indice su!-script" sau caexponent super-script" # aceste fragmente tre!uie delimitate deetic(etele # respectiv ...&*entru a insera un !loc de caractere su!liniate se utili%ea%$etic(etele ... u vine de la = underline ="&*entru a insera un !loc de caractere t$iate se utili%ea%$etic(etele ... sau ...&n exemplul urm$tor vom utili%a toate etic(etele men+ionate anterior&
Stiluri +(ice si lo)ice
Fm pre%entat de?a 2 stiluri de scriere a caracterelor unui !loc de text# numitesi stiluri '%ice intrucat nu s-a acordat nici o atentie semni'catiei informatieicontinute de aceste !locuri&)n continuare sunt pre%entate stilurile utili%ate la formatarea unui !loc&Fceste stiluri tin cont de semni'catia pe care o are !locul in cadrul paginiiWe!&
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
9/41
*entru a pune in evidenta prin silul cursiv " fragmente de text se utili%ea%aetic(etele4
• ... = cite = inseamna citat"
•
... em vine de la = emp(asi%e = a evidentia"&n locul lor se poate utili%a etic(eta ec(ivalenta ...&
Urmatoarele etic(ete au efecte similare& .le permit scrierea fragmentului detext cu caractere monospatiate de tipul celor folosite de o ma5in$ de scris"4
• ... = code = inseamna cod sau surs$"
• k!d vine de la = key!oard = tastatura"
•
... tt vine de la = teletype = teleprinter"&.tic(eta de tip !loc delimitea%$ fragmente de textclipitoare& Fceasta etic(eta func+ionea%$ numai in !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
10/41
,locul ... permite inserarea in-line a citatelor& ,rou
.xist$ mai multe consecutivit$+i de acest tip4== - Vlt=N= - Vgt=V= ampersand" Vamp(ilimelele=" se codi'c$ - VPuot
*entru escape-consecutivit$+i sunt dou$ restric+ii suplimentare4
0& 8iecare consecutivitate se scrie numai cu minuscule
9& Sf6ritul 'ecrei consecutivitOi este marcat de
n general# asemenea consecutivit$+i exist$ pentru toate sim!olurile cucodurile FS)) mai mari dec6t 09D& Motivul este c$ unele servere nu sus+intransmiterea datelor c6te 2 !i+i&
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
11/41
.xist$ mai multe metode de a include semnele diacritice rom6ne 3ndocumentele HTML& ea mai simpl$ este codi'carea direct$ a lor prin V-consecutivit$+i4
- VQ9A2
$ - VQ9A1 - V)circ 3 - Vicirc - VQ7A:5 - VQ7A0 X - VQ7A;+ - VQ7AAY - VFcirc6 - Vacirc
.xemplu4
Comentarii
Sistemele !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
12/41
• culoare sta!ilita prin atri!utul color "
• tipul sau stilul sta!ilit prin atri!utul face"
• m$rimea de'nita prin atri!utul size"
• m$rimea in puncte tipogra'ce sta!ilita prin atri!utul point-size"
• grosime de'nita prin atri!utul weight "&
Toate aceste atri!ute apar+in etic(etei # care permite inserarea de!locuri de texte personali%ate&
Culori
I culoare poate ' preci%ata 3n dou$ moduri4
• printr-un nume de culoare&
• printr-o constant$ conform standardului de culoare R, Red# reen#,lue"& I astfel de constant$ se formea%$ astfel4 Qrrgg!!# unde r# g si !sunt cifre (exa%ecimale&
Culoarea &ontului
*entru a scrie un fragment de text cu caractere de o anumit$ culoare se 3ncadrea%$ acest fragment 3ntre delimitatorii ...av6nd sta!ilit
atri!utul color la valoarea necesara& @e exemplu4
font colorredNfragment de text de culoare rosiefontN
4amilia &ontului
*entru a scrie un text intr-o pagin$ pot ' folosite mai multe fonturi stiluri decaractere"& .xist$ cinci familii generice de fonturi care sunt de regul$disponi!ile pe toate calculatoarele utili%atorilor4 serif, sans serif, cursive,monospace şi fantasy. Tipul de font necesar poate ' sta!ilit prin atri!utul face al etic(etei &*ot ' introduse mai multe fonturi separate prin virgula&
n acest ca% !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
13/41
M0rimea &ontului
*entru a sta!ili m$rimea unui font se utili%ea%$ atri!utul size aletic(etei & Calorile acestui atri!ut pot '4
• 0# 9# 7# ;# A# B# D 0 pentru cel mai mic font si D pentru cel mai mare"
• Z0# Z9# etc& pentru a mari dimensiunea fontului cu 0# 9# etc& fata devaloarea curenta
• -0# -9# etc& pentru a mic5ora dimensiunea fontului cu 0# 9# etc& fata devaloarea curenta&
M$rimea unui font poate ' sta!ilita exact cu a?utorul atri!utului point-size&Calorile acceptate de acest atri!ut pot ' orice numere naturale po%itive&/um$rul astfel preci%at repre%int$ m$rimea fontului 3n puncte tipogra'ce& Acest atribut funcţionează numai cu Netscape ommunicator &
6rosimea unui &ont
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
14/41
rosimea unui caracter poate ' de'nit$ cu a?utorul atri!utului weight aletic(etei &Calorile posi!ile pentru acest atri!ut sunt 0::# 9::# 7::# ;::# A::# B::# D::#2:: si 1:: 0:: pentru fontul cel mai su!+ire si 1:: pentru cel mai gros"&
%locuri de te't
Fceste etic(ete nu se refera la particularitatiile caracterelor ce compuntextul# ci la functiile pe care le poate avea un !loc de text in cadrul paginiiWe!& Toate aceste etic(ete produc automat trecerea la un rand nou si adaugareaunui spatiu suplimentar&
7nserarea unei adrese
@aca intr-o pagina &
%locul pre&ormatat
)ntr-un !loc ...# semni'catia marca?elor HTML se pastrea%a&,locul ... este indicat pentru a insera randuri vide spatiuintre randurile succesive "& aracterul = spatiu = poate ' luat in considerarede !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
15/41
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
16/41
• inserarea unui spatiu suplimentar inainte de !locul paragraf
• inserarea unui spatiu suplimentar dupa !locul paragraf# daca sefoloseste delimitatorul acesta 'ind optional"
• alinierea textului cu a?utorul atri!utului align# avand valorile posi!ile =left =# = center = sau = rig(t =&
%locuri de titlu
)ntr-un text titlurile (eaders " de capitole pot ' introduse cu a?utoruletic(etelor . 5 5 5 5 & Toate aceste etic(ete se refera la un !loc de text si tre!uie insotite de oetic(eta de inc(eiere similara&Fceste etic(ete accepta atri!utul align pentru alinierea titlului !locului detext la stanga in mod presta!ilit " # in centru si la dreapta& Tag-ul permite scrierea unui titlu cu caractere mai mari si aldine# pe
cand foloseste caracterele cele mai mici&
Linii ori(ontale
)ntr-o pagina We! pot ' inserate linii ori%ontale&acest lucru se face cu a?utoruletic(etei & *entru a con'gura o linie ori%ontala se utili%ea%a urmatoreleatri!ute ale etic(etei 4
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
17/41
• align permite alinierea liniei ori%ontala& Calorile posi!ile sunt = left = #=center = si = rig(t =
• wi!th permite alegerea lungimii liniei
• size permite alegerea grosimii liniei
• nosha!e cand este pre%ent de'neste o linie fara um!ra
• color permite de'nirea culorii liniei&
%locuri
,locul introdus de etic(etele ... alinia%a centrat toateelementele pe care le contine&
%locuri
Modalitatea cea mai e'cienta de delimitare si de formatare a unui !loc detext este folosirea delimitatorilor ...& Un parametru foartefoarte util pentru sta!ilirea caracteristicilor unui !loc divi%iune "
este align aliniere "&Calorile posi!ile ale acestui parametru sunt4
• left = aliniere la stanga "
• center = aliniere centrala "
• rig(t = aliniere la dreapta "&
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
18/41
Un !loc ... poate include alte su!!locuri& )n acest ca% #alinierea preci%ata de atri!utul align al !locului are efect asupra tuturorsu!!locurilor incluse in !locul Un !loc ... admite atri!utul = no
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
19/41
Liste neordonate
I lista neordonata este un !loc de text delimitat de etic(etelecorespondente ... = ul = vine de la = unordered list = listaneordonata"& 8iecare element al listei este ini+iat de etic(eta list item"&
Lista va ' intentata fata de restul paginii We! si 'ecare element al listei 3ncepe pe un r6nd noua&
Tag-urile si pot avea un atri!ut type care sta!ile5te caracterula'5at 3n fa+a 'ec$rui element al listei& Calorile posi!ile al acestui atri!ut sunt4
•
=circle= cerc"• =disc= disc plin" valoarea presta!ilita"
• =sPuare= p$trat"
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
20/41
Liste ordonate
I list$ ordonat$ de elemente este un !loc de text delimitat de etic(etelecorespondente ... = ol = vine de la = ordered list = listaordonat$"& 8iecare element al listei este ini+iat de etic(eta list item"&
Lista va ' identat$ fa+$ de restul paginii We! 5i 'ecare element al listei 3ncepe pe un r6nd nou&
Tag-urile si pot avea un atri!ut type care sta!ile5te tipul decaractere utili%ate pentru ordonarea listei& Calorile posi!ile sunt4
• = F = pentru ordonare de tipul F # , # # @ etc& litere mari "
• = a = pentru ordonare de tipul a # ! # c # d etc& litere mici "
• = ) = pentru ordonare de tipul ) # )) # ))) # )C etc& cifre romane mari "
• = i = pentru ordonare de tipul i # ii # iii # iv etc& cifre romane mici "
• = 0 = pentru ordonare de tipul 0 # 9 # 7 # ; etc& cifre ara!e - op+iunepresta!ilita "
Ta"ele. oiuni 3i marca=e utili(ate.
Ta!elele ne permit s$ cream o re+ea dreptung(iular$ de domenii# 'ecare
domeniu av6nd propriile op+iuni pentru culoarea fondului# culoarea textului#alinierea textului etc&*entru a insera un ta!el se folosesc etic(etelecorespondente & Un ta!el este format din r6nduri&*entru a insera un r6nd intr-un ta!el se folosesc etic(etele ... dela = ta!le ro< = r6nd de ta!el "&8olosirea etic(etei de sf6r5it esteop+ional$&Un r6nd este format din mai multe celule ce con+in date&I celula de date se introduce cu etic(eta ..# exemplu4
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
21/41
n mod presta!ilit# un ta!el nu are c(enar& *entru a ad$uga un c(enar unuita!el# se utili%ea%$ un atri!ut al etic(etei
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
22/41
• =rig(t =&
Flinierea este important$ pentru textul ce 3ncon?oar$ ta!elul& Fstfel 4
• daca ta!elul este aliniat stanga ta!le align=left=N "# atunci textul
care urmea%$ dup$ punctul de inserare al ta!elului va ' dispus inpartea dreapta a ta!elului&
• daca ta!elul este aliniat dreapta ta!le align=rig(t=N "# atunci textulcare urmea%$ dup$ punctul de inserare al ta!elului va ' dispus inpartea stanga a ta!elului&
• daca ta!elul este aliniat pe centru ta!le align=center=N "# atuncitextul care urmea%$ dup$ punctul de inserare al ta!elului va ' a'5at petoata l$+imea paginii# imediat su! ta!el&
@istanta dintre ta!el 5i celelalte elemente din pagina We! poate ' sta!ilit$cu a?utorul atri!utelor hspace si vspace al etic(etei
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
23/41
celule vecine&Caloarea presta!ilita a atri!utului cellspacing este 9&
@istanta dintre marginea unei celule si con+inutul ei poate ' de'nita cua?utorul atri!utului cellpa!!ing al etic(etei
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
24/41
• */ *orta!le /et
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
25/41
• J*. pentru fotogra'i# c6nd se dore5te s$ se redea c6t mai exactculoarea real$ a imaginii&
• */ [ pentru desene complexe# dar 5i pentru fotogra'i# acesta 'indformatul care 3m!in$ caracteristicile celor dou$&
)maginile pot ' desc$rcate de la adrese a!solute sau relative& Fdresele URLUniform Resource Locator" repre%int$ standarde de identi'care a resurselorde exemplu# '5iere" 5i pot ' adrese URL a!solute 5i relative&
Adrese RL a"solute
Fdresele a!solute identi'c$ loca+ia unui '5ier imagine de pe )nternet sau altecalculatoare conectate la )nternet 5i ausintaxa4protocolnume@calculatorcalenume@+3ier
Un exemplu de adres$ URLa!solut$4 httpcio"anu.cich.mdima)eseu.=p)unde4
• (tpp4 [ este protocolul )nternet utili%at
• cio!anu&cic(&md [ este numele calculatorului
• images [ este calea p6n$ la '5ierul imagine dorit
•
eu&?pg [ este '5ierul imagine &F&Adrese RL relati/e
I adres$ relativ$ identi'c$ loca+ia unei imagini# descriind o cale relativ$ ladirectorul curent unde se a>$ '5ierul imagine& Fdresele relative se refer$ lalocali%area '5ierului imagine de pe calculatorul personal 5i aresintaxa4 calenume@+3ier&
Referirea la4[ directorul p$rinte se poate face prin \&&]
[ directorul r$d$cin$ se poate face prin \]Un exemplu de adres$ URL relativ$4 ......&riend.=p) sau se mai poatescrie cBindoBsBe"Ballpaper&riend.=p)
Toate imaginile cu care vom lucra vor avea adresa URL exprimat$ 3n func+iede directorul ce con+ine documentul HTML care face referire la imagine#adic$ adres$ relativ$&
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
26/41
)maginile se inserae%$ 3n pagini cu a?utorul tag-ului # care este unelement inline# adic$ poate ' inserat oriunde 3n pagin$& Sintaxa acestuielement este4
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
27/41
Ftri!utul align indic$ !ro
Atri"utele width 3i height
)maginea este transferat$ de !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
28/41
Fceste atri!ute au acela5i efect ca 5i atri!utele cu acela5i nume aleelementului
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
29/41
precum sinteti%atoare" 5i pl$cile de sunet ale calculatoarelor&8ormatul M)@) afost implementat 3n 0129 de c$tre industria mu%ical$& Fcest format estefoarte >exi!il 5i poate ' folosit pentru aproape" orice# de la crearea unorsunete foarte simple# p6n$ la crearea unora cu adev$rat profesionale&8ie5ierele M)@) nu con+in sunete# ci un set de instruc+iuni digitale mu%icalenote mu%icale" care pot ' interpretate de pl$cile de sunet alecalculatoarelor&@e%avanta?ul la acest tip de '5iere const$ 3n faptul c$ nu potstoca mu%ic$ 3n toat$ complexitatea ei"# ci doar note mu%icale&Fvanta?ul 3lconstituie m$rimea mic$ a acestor '5iere# prin urmare se pot 3nc$rca u5or 3ntr-o pagin$
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
30/41
)E 4ormatul MI8
8i5ierele M*7 sunt de fapt '5iere M*.# de%voltate ini+ial pentru video dec$tre Moving *ictures .xperts roup& Se poate a'rma c$ '5ierele M*7repre%int$ partea de sunet dintr-un '5iere video 3n format M*.&M*7 este 3n
pre%ent unul dintre cele mai populare formate folosite la 3nregistrareamu%icii& Sistemul de codi'care M*7 com!in$ o !un$ compresie ce duce la'5iere mici" cu calitate 3nalt$& .ste de a5teptat ca pe viitor toate sistemele deoperare s$ ofere suport pentru acest tip de format&8i5ierele de tip M*7 auextensia &mp7 sau &mpga&
n func+ie de scopul pentru care crea+i o pagin$
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
31/41
ma?oritatea sistemelor de operare 5i de cele mai populare !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
32/41
şi !)+")D', recunoscut de (nternet )*plorer şi Netscape,
consorţiul /orld ide eb onsortium0 recomandă utili1area
elementului !%"2)3'.
!%"2)3 345)67te*t8html7 9)(#9367...7(D3967...7 D367http:88www.pagina;web.com7'!8%"2)3'
*entru a insera o anima+ie creat$ 3n 8las( 3n format &s
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
33/41
Ftri!utul classid identi'c$ 3n mod unic soft
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
34/41
Ftri!utele Bidth 5i hei)ht tre!uie setate astfel 3nc6t s$ corespund$dimensiunii 'mului Real Cideo 3n pixeli"&
Ftri!utul classid identi'c$ 3n mod unic soft
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
35/41
elemente& n aceast$ situa+ie# un !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
36/41
• *ermit vi%itarea unei pagini ncep6nd dintr-un anumit loc# renun+6nd la!arele de de'lare
• *ermit trimiterea unui e-mail&
O.1. Marca=ul !a'
*entru a crea o leg$tur$ se folose5te marca?ul ancor$# care aresintaxa4 coninut
on+inutul dintre marca?ele 5i poate ' text 5isau imagine# estea'5at de !ro
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
37/41
3nc$rcat$ noua pagin$& /umele este orice 5ir de caractere sau valoriconstante4
• ;blanF pagina va ' 3nc$rcat$ 3ntr-o nou$ fereastr$
•
;parent pagina va ' 3nc$rcat$ 3n fereastra p$rinte
• ;top pagina va ' 3nc$rcat$ 3n fereastra top a cadrului
• ;self pagina va ' 3nc$rcat$ 3n aceea5i fereastr$)implicită".
Atri"utul title Fcest atri!ut are un caracter general 5i poate ' ata5at lama?oritatea elementelor HTML& Sintaxa acestui elementeste4title$!/aloare!& 6nd mouse-ul este deasupra con+inutului tag-
ului coninut se transform$ 3ntr-o m6n$ 5i va a'5a valoareaatri!utului title# 3ntr-o sugestie de instrument 3ntr-un cadru"&
Re&erine c0tre alte pa)ini Fe"
@ac$ se dore5te accesarea unei pagini de pe alt site# valoareaatri!utului href este o adres$ URL a!solut$& Fmintim c$ o adresa URLa!solut$ are sintaxa4 protocol numecalculatorcale+3ier unde protocolpoate '# de exemplu# (ttp&
Wix&com [F?ax ra
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
38/41
FJF_ este despre actuali%area unor p$ri ale unei pagini
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
39/41
• o!iect _MLHttpRePuest pentru a prelua date de la un server
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
40/41
• Trimiterea de o cantitate mare de date c$tre server *IST nu are limitede dimensiune"&
• Se trimite datele introduse de utili%ator care pot conine caracterenecunoscute"# *IST este mai ro!ust i sigur dec6t .T&
6T Cereri
x(ttp&open=.T=# =demoget&asp=# true"x(ttp&send"
Cereri IST
x(ttp&open=*IST=# =demopost&asp=# true"x(ttp&send"
RLul un +ier de pe un ser/er
*arametrul URL-ul metodei desc(ise "# este o adres$ 3ntr-un 'ier de pe un server4
x(ttp&open=.T=# =a?axtest&asp=# true"
8iierul poate ' orice tip de 'ier# cum ar ' &txt i &xml# sau 'iere de serverscripting cum ar ' asp i &p(p care se poate reali%a aciuni pe server 3nainte de atrimite 3napoi r$spunsul"&
Asincron0 Ade/0rat sau &als?
Trimiterea de solicit$ri asincrone este o mare im!unatatire pentru de%voltatorii
-
8/17/2019 Atestat-exeplu listing html si ajax crawling
41/41
document&get.lement,y)d=demo="&innerHTML x(ttp&responseText hhx(ttp&open=.T=# =a?axinfo&txt=# true"x(ttp&send"
As#nc $ &alse
*entru a utili%a false async# modi'cai al treilea parametru 3n metoda desc(is$ "la false4
x(ttp&open=.T=# =a?axinfo&txt=# false"
Fsync fals nu este recomandat$# dar pentru c6teva solicit$ri de mici# acest lucrupoate ' ok&
Fmintii-v$ c$ JavaScript nu va continua s$ execute# p6n$ c6nd r$spunsul server
este gata& @ac$ serverul este ocupat sau lent# aplicaia se va 3nc(ide sau opri&
x(ttp&open=.T=# =a?axinfo&txt=# false"x(ttp&send"document&get.lement,y)d=demo="&innerHTML x(ttp&responseText
Japonia [Tara Soarelui Sus Rasare-*agina