HTML-keel sisaldab mitmeid elemente. Nendeks on sageli kasutatavad veebisaidi komponendid nagu lõiked, pealkirjad, lingid ja pildid. HTML5-ga on kaasas ka hulk uuemaid elemente, sh päis, nav, jalus ja palju muud. Kõiki neid HTML-elemente kasutatakse dokumendi struktuuri loomiseks ja tähenduse andmiseks. Elementidele veelgi suurema tähenduse lisamiseks võite neile anda atribuute.
Algne HTML-i avamissild algab
Oma HTML-i märgendisse atribuudi lisamiseks paneb kõigepealt tühik pärast sildi nime (sel juhul on see "p"). Seejärel lisage atribuudi nimi, mida soovite kasutada, millele järgneb võrdusmärk. Lõpuks asetatakse atribuudi väärtus jutumärkidesse. Näiteks:
Sildidel võib olla mitu atribuuti. Sa eraldaksid kõik atribuudid teistega ruumiga.
Nõutavate atribuutidega elemendid
Mõned HTML-elemendid vajavad reaalselt atribuute, kui soovite, et need töötaksid ettenähtud viisil. Kujutise element ja lingielement on selle näite kaks näidet.
Pildi element nõuab atribuuti "src". See atribuut ütleb brauserile, millist pilti soovite selles asukohas kasutada. Atribuudi väärtus oleks pildi faili tee. Näiteks:
Märkate, et lisasin selle elemendi, "alt" või alternatiivse teksti atribuudi teise atribuudi. Kujutiste jaoks pole see tehniliselt nõutav atribuut, kuid parima praktika kohaselt on see sisu hõlpsasti juurdepääsetavuseks. Alt-atribuudi väärtuseks on tekst, mida kuvatakse, kui pilt mingil põhjusel laadimist ei toimi .
Teine element, mis vajab spetsiifilisi atribuute, on ankru või lingi tag. Sellel elemendil peab olema atribuut "href", mis tähistab "hüperteksti viide". See on suurepärane võimalus öelda, "kus see link peaks minema." Nagu pildi element peab teadma, millist pilti laadida, peab linki märk olema tea, kus ta soovib. Siin on näide linki märgendist:
See link viiks inimesi atribuudi väärtusega määratud veebisaidile. Sel juhul on see peamine lehekülg.
Atribuudid CSS-i hookidena
Teine atribuutide kasutamine on siis, kui neid kasutatakse CSS-stiilide "konksudena". Kuna veebistandardid nõuavad, et peate hoida oma lehe struktuur (HTML) oma stiilidest (CSS) eraldi, kasutate neid CSS-i atribuutidega konksu, et määrata, kuidas struktureeritud leht veebibrauseris kuvatakse. Näiteks võite oma HTML-dokumendis seda märgendust lisada.
Kui soovite, et sellel jaos oleks musta (# 000) ja fonte suurusega 1,5em taustavärv, lisage see oma CSS-i:
.featured {taustavärv: # 000; font-size: 1.5em;}Objekteeritud klassi atribuut toimib konksina, mida me kasutame CSSis, et selle valdkonnale stiile rakendada. Kui me tahame, võiksime siin ka meil ID-atribuudi. Mõlemad klassid ja ID-d on universaalsed atribuudid, mis tähendab, et neid saab lisada mis tahes elemendile. Selle elemendi visuaalse väljanägemise määramiseks võivad need mõlemad olla suunatud ka spetsiifilistele CSS-i stiilidele.
Javascripti kohta
Lõpuks, teatavatele HTML-elementidele atribuutide kasutamine on ka midagi, mida võite kasutada Javascripti. Kui teil on skript, mis otsib konkreetset ID atribuuti sisaldava elemendi, on see veel üks selle HTML-i keele ühise osa.