Kiel aldoni atributon al etikedo de HTML

La HTML-lingvo inkluzivas multajn elementojn. Ĉi tiuj inkluzivas komune uzitajn retejojn kiel alineoj, rubrikoj, ligiloj kaj bildoj. Ankaŭ ekzistas kelkaj pli novaj elementoj, kiuj estis enkondukitaj kun HTML5, inkluzive de la kaplinio, nav, piedlinio kaj pli. Ĉiuj ĉi tiuj HTML-elementoj estas uzataj por krei la strukturon de dokumento kaj doni ĝin signifo. Por aldoni eĉ pli signifojn al elementoj, vi povas doni al ili atributojn.

Baza HTML-malferma etikedo komenciĝas per la karaktero. Ekzemple, la malferma alinea etikedo estus skribita kiel ĉi tio:

Por aldoni atributon al via HTML-etikedo, vi unue metos spacon post la etikedo (en ĉi tiu kazo, tio estas la "p"). Tiam vi aldonus la atributan nomon, kiun vi deziras uzi sekvis egalan signon. Fine, la atributa valoro estus metita en kotizoj. Ekzemple:

Etikedoj povas havi multajn atributojn. Vi apartigos ĉiun atributon de la aliaj kun spaco.

Elementoj Kun Postulitaj Atributoj

Kelkaj HTML-elementoj fakte postulas atributojn, se vi volas, ke ili funkciu kiel intencite. La bildo-elemento kaj la ligilo estas du ekzemploj de ĉi tio.

La bildo-elemento bezonas la atributon "src". Tiu atributo rakontas al la retumilo, kiun vi volas uzi en tiu loko. La valoro de la atributo estus dosiero al la bildo. Ekzemple:

Vi rimarkos, ke mi aldonis alian atributon al ĉi tiu elemento, la "alt" aŭ alterna teksto-atributo. Ĉi tio ne estas teknike postulata atributo por bildoj, sed ĝi estas plej bona praktiko por ĉiam inkluzivi ĉi tiun enhavon por alirebleco. La teksto listigita en la valoro de la alt-atributo estas kio montros se bildo malŝarĝas por iu kialo.

Alia elemento, kiu postulas specifajn atributojn, estas la ankro aŭ ligilo. Ĉi tiu elemento devas inkludi la atributon "href", kiu signifas "hipertekstan referencon". Tio estas fantazia maniero diri "kie ĉi tiu ligo devas iri." Ĝuste kiel la elemento de bildo devas scii, kiun bildon ŝarĝi, la ligilo etikedo devas sciu, kien ĝi ŝatus. Jen kiel ligo-etikedo povas aspekti:

Tiu ligo nun alportus personon al la retejo specifita en la valoro de atributo. En ĉi tiu kazo, ĝi estas la ĉefa paĝo de.

Atributoj kiel CSS Hokoj

Alia uzo de atributoj estas kiam ili estas uzataj kiel "hokoj" por CSS-stiloj. Ĉar retejo-normoj diktas, ke vi devas konservi la strukturon de via paĝo (HTML) aparte de ĝiaj stiloj (CSS), vi uzas ĉi tiujn atributajn hokojn en la CSS por dikti kiel la strukturita paĝo montros en la retumilo. Ekzemple, vi povus havi ĉi tiun markon en via HTML-dokumento.

Se vi volis, ke tiu divido havas fonan koloron de nigra (# 000) kaj tipara grandeco de 1.5em, vi aldonus ĉi tion al via CSS:

.featured {background-color: # 000; tiparo-grandeco: 1.5em;}

La "elstara" klasa atributo agas kiel hoko, kiun ni uzas en la CSS por apliki stilojn al tiu areo. Ni ankaŭ povus al ni atribui ID ĉi tie se ni volus. Ambaŭ klasoj kaj ID estas universalaj atributoj, kio signifas, ke ili povas esti aldonitaj al iu ajn elemento. Ili ankaŭ povas ambaŭ esti celitaj per specifaj CSS-stiloj por determini la vidan aspekton de tiu elemento.

Koncerne al Javaskripto

Fine, uzante atributojn pri iuj HTML-elementoj estas ankaŭ io, kiun vi povas uzi en Javascript. Se vi havas skripton, kiu serĉas elementon kun specifa ID-atributo, tio estas ankoraŭ alia uzo de ĉi tiu komuna peco de la HTML-lingvo.