Limba HTML include o serie de elemente. Acestea includ componente de site web utilizate frecvent , cum ar fi paragrafe, titluri, link-uri și imagini. Există, de asemenea, o serie de elemente mai noi care au fost introduse cu HTML5, inclusiv antetul, navigația, subsolul și multe altele. Toate aceste elemente HTML sunt folosite pentru a crea structura unui document și pentru ao da înțeles. Pentru a adăuga elemente și mai mult la ele, le puteți da atribute.
O etichetă de deschidere de bază HTML începe cu caracterul <. Acesta este urmat de numele etichetei și, în final, completați eticheta cu caracterul>. De exemplu, eticheta paragrafului de deschidere va fi scrisă astfel:
Pentru a adăuga un atribut tagului HTML, plasați mai întâi un spațiu după numele etichetei (în acest caz, este "p"). Apoi, adăugați numele atributului pe care doriți să îl utilizați urmat de un semn egal. În cele din urmă, valoarea atributului va fi plasată în ghilimele. De exemplu:
Etichetele pot avea mai multe atribute. Ai separa fiecare atribut de celelalte cu un spațiu.
Elemente cu atribute necesare
Unele elemente HTML necesită de fapt atribute dacă doriți ca acestea să funcționeze conform destinației. Elementul de imagine și elementul de legătură sunt două exemple de acest lucru.
Elementul de imagine necesită atributul "src". Acest atribut indică browserului imaginea pe care doriți să o utilizați în acea locație. Valoarea atributului ar fi o cale de fișier pentru imagine. De exemplu:
Veți observa că am adăugat un alt atribut la acest element, atributul "alt" sau alt text. Acest lucru nu este punct de vedere tehnic necesar pentru imagini, însă este o practică optimă de a include întotdeauna acest conținut pentru a fi accesibil. Textul enumerat în valoarea atributului alt este ceea ce se va afișa dacă o imagine nu reușește să se încarce din anumite motive.
Un alt element care necesită atribute specifice este ancora sau eticheta de legătură. Acest element trebuie să includă atributul "href", care înseamnă "referință hipertext". Acesta este un mod fantezist de a spune "unde ar trebui să meargă acest link". La fel ca elementul imagine trebuie să știe ce imagine să se încarce, știți unde ar dori să. Iată cum poate arăta o etichetă de legătură:
Această legătură ar aduce acum o persoană pe site-ul specificat în valoarea unui atribut. În acest caz, este pagina principală a.
Atribuiți ca Cârlige CSS
O altă utilizare a atributelor este când sunt folosite ca "cârlige" pentru stilurile CSS. Deoarece standardele web dictează că trebuie să păstrați structura paginii dvs. (HTML) separată de stilurile sale (CSS), utilizați aceste cârlige de atribute în CSS pentru a dicta modul în care pagina structurată se va afișa în browserul web. De exemplu, ați putea avea această piesă de markup în documentul dvs. HTML.
Dacă v-ați dorit ca diviziunea să aibă o culoare de fundal de negru (# 000) și o dimensiune de font de 1.5, ați adăuga acest lucru la CSS:
.featured {culoare-fundal: # 000; font-size: 1.5em;}Atributul de "featured" acționează ca un cârlig pe care îl folosim în CSS pentru a aplica stiluri în acea zonă. De asemenea, ne-ar putea fi un atribut de identitate aici dacă vrem. Ambele clase și ID-uri sunt atribute universale, ceea ce înseamnă că ele pot fi adăugate la orice element. De asemenea, ambele pot fi vizate cu stiluri CSS specifice pentru a determina aspectul vizual al acelui element.
În ceea ce privește Javascript
În cele din urmă, utilizarea atributelor pe anumite elemente HTML este ceva ce este posibil să utilizați în Javascript. Dacă aveți un script care caută un element cu un atribut de identitate specific, aceasta este o altă utilizare a acestei bucăți comune a limbajului HTML.