Elemente speciale meta, embed, marquee

Elektro_Love · Administrator Data inscrierii: 21/Iul/2010 Mesaje: 101

Codul HTML contine si anumite elemente speciale, unele utilizate pentru optimizarea paginii in vederea unei cat mai bune indexari in motoarele de cautare sau altele pentru adaugarea de aplicatii audio si video ori alte elemente in pagina.
1. Elemente pentru optimizarea indexarii paginii

Aceste elemente de optimizare se adauga in sectiunea HEAD a documentului HTML.
Cel mai important este tag-ul <title></title>
Alte elemente importante pentru motoarele de cautare sunt cele META, (numite si "meta tag-uri), acestea au 2 atribute: name (care determina tipul meta tag-ului) si content (care determina continutul meta tag-ului).
In continuare sunt prezentate exemple de meta tag-uri care sunt indicate sa fie adaugate in fiecare pagina HTML:

<meta content="text/html; charset=UTF-8" http-equiv=Content-Type>
- indica browserului ca este un fisier HTML
- charset stabileste tipul de caractere (in general se foloseste ISO-8859-1 sau UTF-8), dar exista si altele.

<meta name="description" content="O fraza care descrie pe redus continutul paginii">
- in cazul unei cautari dupa cuvinte-cheie, motorul de cautare ne da o lista de pagini; pentru fiecare pagina (site) din lista apare titlul ei (dat cu marcajul TITLE) urmat de o fraza (cea de la name="description" content="o fraza care descrie ..."); daca nu avem in marcajul META acea fraza, motorul va indexa dupa prima fraza din pagina; tot ea va fi data la o eventuala cautare.
- textul adaugat cu acest tag pentru descriere are prioritate inaintea frazelor din continut. (folositi mare 40, 50 caractere).

<meta name="keywords" content="lista, de cuvinte, separate, prin, virgula">
- motoarele de cautare tin cont de cuvintele din meta "keywords" in momentul indexarii site-ului pentru atunci cand sunt afisate rezultate de cautari. (folositi maxim 15-20 cuvinte).

<meta name="author" content="numele dvs., e-mail, etc">
- acesta nu este neaparat necesar, dar nu strica sa-l folositi. Arata autorul documentului.

Recomandare: Cuvintele din tag-ul <title> ... </title> este bine sa se regaseasca si in meta tag-urile "keywords", "description" cat si in titlurile din continutul paginii.

Un alt meta tag care este cateodata necesar, dar nu are legatura cu motoarele de cautare, este "Refresh", acesta are urmatoarea forma:
<meta http-equiv="Refresh" content="4;url=http://www.nume_site/pagina">
- acesta determina browser-ul sa incarce o noua pagina, cea care este adaugata la url-ul din acest tag (aici http://www.nume_site/pagina ), dupa un anumit numar de secunde (aici 4). Practic, face un redirect.
2. Adaugarea de sunet la o pagina HTML

Pentru a adauga sunet intr-o pagina web, puteti folosi elementele <embed> sau <bgsound>:
1. <bgsound></bgsound> - introduce un background (fundal) audio in pagina, are urmatoarele atribute:
src - Defineste locatia fisierului audio folosit (midi .au sau wav)
loop - defineste de cate ori se va repeta sunetul
delay - defineste timpul dintre repetari
title - Textul care va descrie sunetul.
Exemplu:

Citat:

2. <embed></embed> - afiseaza o consola pentru sunet, are urmatoarele atribute:
src - Defineste locatia fisierului audio întrebuințat (midi .au sau wav)
controls - ofera posibilitatea alegerii mai multor controale care includ: console, console mici, butoane de play si altele
autostart - cand este TRUE sunetul incepe in timp ce sunetul este descarcat de browser
hidden - cand este TRUE va ascunde controalele, standard este FALSE
loop - defineste de cate ori se va repeta sunetul
volume - seteaza volumul sunetului (sonorul)
height - inaltimea in pixeli a consolei
width - mărimea in pixeli a consolei.
Exemplu:

Citat:

- Tag-ul "<embed>" poate fi folosit si pentru afisarea de imagini video, care au extensiile ".movs", ".mpeg" sau ".avi", recomandat este ".movs". Se adauga similar ca si sunetul, la "src" scriti calea catre fisierul video. Diferenta e ca nu trebuie folosit atributul "hidden" iar pentru "width" si "height" mărimile nu trebuie sa fie mai mici decat dimensiunile in care este salvat fisierul video.
- Totusi, afisarea de imagini video necesita mai mult timp deoarece fisierele video au dimensiuni îndeajuns de mari.

-- "<embed>" se foloseste si pentru adaugarea de imagini flash (cu extensia ".swf"), pentru aceasta este incadrat in alt element, <object> </object>
-- Iata un exemplu de cod prin care puteti adauga imagini flash in pagina web:

Citat:

Unde "width" si "height" sunt dimensiunile cadrului in care este afisata imaginea flash, iar la atributele "value" si "src" se scrie calea catre fisierul ".swf" (trebuie scrisa aceeasi cale la cele două atribute).

- Afisarea in pagina a elementelor cu EMBED necesita utilizarea unui plug-in, care de cele mai numeroase ori, daca acesta nu este deja instalat, este ceruta automat incarcarea lui de catre browser.
3. Elemente de animatie text

HTML are un tag special, <marquee> </marquee>, prin care puteti crea un urmare de miscare a unui text (sau imagine) care este incadrat de a cest element.
Are urmatoarele atribute:
loop - defineste de cate ori se va misca textul
height - inaltimea in pixeli a zonei in care se misca textul
width - lungimea in pixeli a zonei in care se misca textul
bgcolor - culoarea zonei in care se misca textul
direction - directia de miscare (left, right, up, down) - (stanga, dreapta, sus, jos)
behavior - defineste cum se va misca textul (scroll, slide, alternate)
scrolldelay - seteaza numarul, in milisecunde, intre refreshuri de miscare.

Exemplu de miscare pe orizontala

Citat:

<marquee behavior="alternate" bgcolor="#00ffff" direction="right">Marquee text</marquee>

Iata un alt exemplu unde miscarea se face pe verticala:

Citat:

<marquee behavior="alternate" bgcolor="#00ffff" direction="up" width="100" height="100">Marquee text</marquee>

- In loc de text poate fi folosit si o imagine, inlocuind textul (aici "Marquee text") cu tagul "<img> pentru imagine.