Kako dodati atribut oznaki HTML

The best protection against click fraud.

Jezik HTML vključuje številne elemente. Sem spadajo pogosto uporabljeni komponente spletnega mesta kot so odstavki, naslovi, povezave in slike. Obstajajo tudi številni novejši elementi, ki so bili uvedeni s HTML5, vključno z glavo, nav, nogo in še več. Vsi ti elementi HTML se uporabljajo za ustvarjanje strukture dokumenta in njegov pomen. Če želite elementom dodati še večji pomen, jim lahko dodelite atribute.

Osnovna odpiralna oznaka HTML se začne z znakom <. temu sledi ime oznake in na koncu oznako dopolnite z znakom>. Na primer, uvodna oznaka odstavka bi bila napisana tako:

Če želite dodati atribut v svoj Oznaka HTML, za imenom oznake najprej vstavite presledek (v tem primeru je to "p"). Nato dodate ime atributa, ki ga želite uporabiti, čemur sledi znak enačbe. Končno bi bila vrednost atributa postavljena v narekovaje. Na primer:


Oznake imajo lahko več atributov. Vsak atribut bi ločili od ostalih s presledkom.


Elementi z zahtevanimi atributi

Nekateri elementi HTML dejansko zahtevajo atribute, če želite, da delujejo, kot je predvideno. Element slike in element povezave sta dva primera tega.

instagram viewer

The element slike zahteva atribut "src". Ta atribut brskalniku pove, katero sliko želite uporabiti na tem mestu. Vrednost atributa bi bila pot datoteke do slike. Na primer:

Logotip našega podjetja

Opazili boste, da smo temu elementu dodali še en atribut, atribut "alt" ali nadomestni besedilni atribut. To tehnično ni obvezen atribut za slike, vendar je najboljša praksa, če to vsebino vedno vključite zaradi dostopnosti. Besedilo, navedeno v vrednosti atributa alt, je tisto, kar bo prikazano, če bo slike ni mogoče naložiti iz neznanega razloga.

Drug element, ki zahteva posebne atribute, je sidro ali oznaka povezave. Ta element mora vključevati atribut "href", ki pomeni "sklic na hipertekst." To je čudovit način, da rečemo " ta povezava bi morala iti. "Tako kot element slike mora vedeti, katero sliko naložiti, mora tudi oznaka povezave vedeti, kje naj bo do. Oznaka povezave je lahko videti tako:


Ta povezava bi zdaj pripeljala osebo na spletno mesto, določeno v vrednosti atributa. V tem primeru gre za glavno stran Dotdash-a.

Atributi kot kljuke CSS

Druga uporaba atributov je, kadar se uporabljajo kot "kljuke" za Slogi CSS. Ker spletni standardi narekujejo, da naj bo struktura vaše strani (HTML) ločena od njenih slogov (CSS), uporabite te kljuke atributov v CSS, da določite, kako bo strukturirana stran prikazana v spletu brskalnik. Na primer, ta del oznake bi lahko imeli v dokumentu HTML.


Če želite, da ima ta oddelek črno barvo ozadja (# 000) in velikost pisave 1,5em, bi to dodali v svoj CSS:

.značilnost {background-color: # 000; velikost pisave: 1.5em;}

Atribut razreda "featured" deluje kot kavelj, ki ga v CSS uporabljamo za uporabo slogov na tem območju. Če bi želeli, bi tu lahko uporabili tudi atribut ID. Tako razredi kot ID so univerzalni atributi, kar pomeni, da jih je mogoče dodati kateremu koli elementu. Oba lahko ciljno usmerimo s posebnimi slogi CSS, da določimo vizualni videz tega elementa.

Glede Javascripta

Nazadnje je tudi uporaba atributov na določenih elementih HTML nekaj, kar lahko uporabite v Javascriptu. Če imate skript, ki išče element z določenim atributom ID, je to še ena uporaba tega običajnega dela jezika HTML.

instagram story viewer