HTML atributi

HTML atributi mogu se reći kao posebne riječi koje se koriste unutar oznaka otvaranja i odgovorne su za kontrolu ponašanja elementa. Oni su modifikator vrste HTML elemenata. Ovaj modifikator može raditi dva posla. Može ili izmijeniti zadanu funkcionalnost elementa ili može pružiti funkcionalnost bilo kojem elementu koji ne može ispravno funkcionirati bez njih. Sintaktički se atribut dodaje HTML početnoj oznaci. Postoje različite vrste atributa koji su identificirani. Oni uključuju tražene atribute, neobavezne atribute, standardne atribute i atribute događaja. Potrebni su atributi oni koji su potrebni određenoj vrsti elemenata kako bi funkcija ispravno radila. Neobvezni atribut može se koristiti za izmjenu zadane funkcionalnosti tipa elementa. Standardni atributi podržani su velikim brojem tipova elemenata, a atributi događaja mogu se koristiti da uzrokuju tipove elemenata koji mogu odrediti skripte koje se izvode u određenim okolnostima. Atributi se obično pojavljuju kao parovi imena i vrijednosti i odvojeni su znakom '=' (znak jednake vrijednosti). Oni su zapisani unutar početne oznake elementa nakon naziva elementa.

Različita atributa HTML-a

Pogledajmo različite atribute HTML-a i njihov detaljni rad.

Ključne osobine

Postoje četiri osnovna svojstva koja se uglavnom koriste. Da bi se imenovali ovi su kako slijedi:

  • ID: Ovaj se atribut HTML-a može lako upotrijebiti za jedinstveno prepoznavanje elementa koji je prisutan na HTML stranici. Korisnički se ID može koristiti bilo kada element nosi atribut id kao jedinstvene identifikator, što omogućava identifikaciju elementa i njegovog sadržaja ili se koristi kada postoje dva elementa s istim imenom unutar web stranice. Atribut ID može vam pomoći u jednostavnom prepoznavanju razlike između elemenata koji imaju isti naziv.
  • Atributi naslova: ovaj atribut djeluje tako da daje predloženi naslov za određeni element. Ovisno o nosaču kako će se on ponašati i iako se obično ne prikazuje kao alat kad kursor dođe preko elementa ili ako ga mora prikazati prilikom učitavanja elementa. Također se koristi za objašnjenje elementa kada lebdimo mišem iznad njega. Ponašanje se može razlikovati ovisno o različitim elementima i općenito se njegova vrijednost prikazuje pri učitavanju ili lebdanju pokazivača miša iznad njega.
  • Atribut klase: Povezanost ovog atributa vrši se elementom stilskog lista. Korisnik mora odrediti klasu elementa. O ovom atributu možete saznati više kad se uči Cascading Style sheet. Ovdje može biti i vrijednost imena klasa odvojena razmakom. Na primjer: class = "className1 className2 className3"
  • Atribut stila: Ovaj atribut omogućuje vam da odredite kaskadna pravila tablice stila unutar bilo kojeg elementa. Može pružiti različite efekte lista Cascading Style HTML elementima poput povećanja veličine fonta. Također može promijeniti obitelj fontova i boja.

Nakon osnovnih atributa, imamo neke atribute internacionalizacije. Oni su kako slijedi:

Atributi internacionalizacije

  • Dir: Atribut dir pomaže vam u pregledniku koji pokazuje smjer u kojem tekstu treba slijediti. Ovaj atribut može poprimati dvije vrijednosti. To mogu biti LTR i RTL. LTR znači slijeva udesno i ovo je zadana vrijednost, dok RTL označava desno lijevo. Kad se ovaj atribut koristi u oznaci, on određuje kako bi tekst trebao biti predstavljen u cijelom dokumentu. Također se može koristiti za kontrolu smjera teksta iz samo sadržaja oznake.
  • Atribut Lang: Ovaj atribut pomaže u prikazivanju glavnog jezika koji se koristi u dokumentu. Ovaj se atribut može zadržati u HTML-u tako da je unazad kompatibilan s starijim verzijama HTML-a. Također se može zamijeniti XML: lang atributom u novim XHTML dokumentima. Vrijednosti lang atributa su ISO-639 standard i imaju dvoznakovne jezične kodove. Proglašavanje jezika važno je za pristup aplikaciji i različitim tražilicama.
  • XML-Lang Atribut: Ovaj bi atribut trebao biti zamjena za atribut lang. Vrijednost XML-lang atributa mora imati kod zemlje kao što je ranije spomenuto.

Pored ovih, postoje mnogi generički atributi koji su opisani u nastavku.

Općenito svojstvo

  • Poravnaj atribute: Ovaj atribut je koristan kada želite da imate neke elemente stranice na raspolaganju. Možete poravnati poravnanje ulijevo, udesno ili u sredini stranice. Zadana poravnanja za sve elemente postavljena je na lijevoj strani. To se može promijeniti pomoću ovog atributa poravnanja.
  • Atributi Src: Ako korisnik treba umetnuti sliku u web stranicu, tada moramo koristiti oznaka atributom src. Možemo odrediti adresu slike kao vrijednost atributa unutar dvostrukog navodnika. Možete upotrebljavati atribut src kako je dolje prikazano kako biste sliku uključili na web stranicu.


src Attribute


  • Alt Atribut: Ovaj se atribut koristi kao zamjenska oznaka koja se može koristiti za pokazivanje nečega ako je primarni atribut taj oznaka koja ne prikazuje izvornu vrijednost koja joj je dodijeljena. Ovo može opisati sliku programeru koji je koristi na kraju kodiranja. Ako glavna slika ne uspije, tada se alternativna slika može koristiti za prikaz.
  • Atribut širine i visine: ovaj atribut može se koristiti za podešavanje visine i širine slike.

Example:

Width and Height


<

  • Atribut Href: Ovaj se atribut koristi kada korisnik želi usmjeriti određenu vezu na bilo koju adresu. Ovaj se atribut koristi zajedno s oznakom. Kad se veza postavi u atribut href kamo treba uputiti, ona se povezuje s tekstom prikazanim unutar oznake. Kad korisnik klikne na ovaj tekst, korisnik će biti preusmjeren na adresu veze. Zadana opcija za otvaranje ove stranice na istoj kartici. Ako koristite ciljni atribut, tada možete postaviti njegovu vrijednost na _ prazno. Ovo će se preusmjeriti na drugu karticu ili drugi prozor na temelju konfiguracije vašeg preglednika.

Atributi podataka

HTML također nudi prilagođene atribute podataka koji vam pomažu da u HTML oznake dodate podatke povezane s vama. Oni nisu specifični za HTML5 i mogu se koristiti na svim HTML elementima. Atribut data - * pomaže nam u prilagođavanju vlastitih vlastitih atributa podataka, a podatke može privatno pohraniti na stranicu ili u aplikaciju.

Da bi se prilagodili podaci se dijele na dva dijela:

  1. Naziv svojstva: trebao bi biti dugačak barem jedan znak i ne smije imati velika slova. To se ime može prefiksati i upotrebom 'podataka-'.
  2. Vrijednost atributa: Vrijednost atributa može biti bilo koji niz.

Sintaksa za atribut podataka je sljedeća:

  • Gitanjali

    • DOM atribut svojstva

    Za dobivanje objekata NamedNodeMap treba koristiti svojstva atributa u HTML DOM-u. Vratit će grupu atributa čvora. NamedNodeMap također predstavlja kolekciju atributnih objekata i njoj se može pristupiti brojem indeksa. Ovaj indeksni broj počinje od 0.

    Sintaksa koja se koristi je: node.attributes

    Vrijednost koja se vraća su NamedNodeMap objekti koji su prisutni u kolekciji čvorova. Ako korisnik koristi Internet Explorer 8 ili neku od starijih verzija, tada će svojstvo atributa vratiti sve moguće atribute za bilo koji element i to može rezultirati s više vrijednosti od očekivanih.

    Example:


    HTML DOM attributes Property


    HTML DOM attributes Property

    Click Here!


    Button element attributes:

    function myeduCBA() (
    // It returns the number of nodes
    var cba = document.getElementById("CBA").attributes.length;
    // Display the number of nodes
    document.getElementById("sudo").innerHTML = cba;
    )

    The output for above program will be
    Button element attributes: 2

    Example:


    HTML DOM attributes Property


    HTML DOM attributes Property

    Click Here!


    Button element attributes:

    function myeduCBA() (
    // It returns the number of nodes
    var cba = document.getElementById("CBA").attributes.length;
    // Display the number of nodes
    document.getElementById("sudo").innerHTML = cba;
    )

    The output for above program will be
    Button element attributes: 2

    Example:


    HTML DOM attributes Property


    HTML DOM attributes Property

    Click Here!


    Button element attributes:

    function myeduCBA() (
    // It returns the number of nodes
    var cba = document.getElementById("CBA").attributes.length;
    // Display the number of nodes
    document.getElementById("sudo").innerHTML = cba;
    )

    The output for above program will be
    Button element attributes: 2

    Globalni atributi

    HTML također nudi globalne atribute koji se mogu koristiti s bilo kojim HTML elementom. Atributi su kao u nastavku.

    • Pristupna tipka : Određuje tipku prečaca za aktiviranje ili fokusiranje na bilo koji element.
    • Prevedi: Ako se koristi ovaj atribut, on određuje treba li sadržaj elementa prevesti ili ne.
    • Klasa: Određuje jedno ili više naziva klasa za element.
    • Naslov: Ovaj atribut specificira dodatne informacije o elementu.
    • Sadržajno: Da biste odredili je li sadržaj moguće uređivati ​​ili ne, ovaj se atribut može koristiti.
    • Tabindex: Određuje redoslijed podmetanja elementa.
    • Dir: Određuje smjer teksta za bilo koji sadržaj elementa.
    • Provjera pravopisa: Korisnik može izričito odrediti mora li provjeriti pravopis i gramatiku provjereno ili ne.
    • Uvlači: Određuje treba li element biti povlačenjem ili ne.
    • Dropzone: Specificira hoće li se povučeni podaci kopirati, premjestiti ili povezati kada padnu.

    Atributi događaja

    HTML može pokrenuti akcije kada se događaju neki događaji. Atributi događaja mogu biti na sljedeći način.

    Onload: Pokreće se nakon što se stranica učitava.

    Onmessage: To se može reći kao skripta koja se pokreće kad se poruka aktivira.

    Onstorage: Ovo je skripta koja se pokreće kada se ažurira područje za internetsku pohranu.

    Onerror: Ova se skripta pokreće kada dođe do pogreške.

    Onpagehide: Ova se skripta može koristiti kada se korisnik može kretati od stranice.

    Oblikujte atribute događaja

    Ovi se događaji pokreću radnjama unutar HTML obrasca.

    Onblur: Pokreće se čim element izgubi fokus.

    Onchange: aktivira se čim se promijeni vrijednost elementa.

    Oncontextmenu: Ovo se pokreće kada se aktivira kontekstni izbornik.

    Onfocus: aktivira se čim element dobije fokus.

    Oninput: Skripta se mora pokrenuti kada element primi ulaz.

    Istraživanje: ovo se pokreće kada korisnik u polje za pretraživanje napiše nešto.

    Oninvalid: aktivira se kada uneseni element nije valjan.

    Ključni atributi događaja

    Onkeydown: aktivira se kad se pritisne tipka.

    onkeypress: aktivira se kad pritisnete tipku.

    Onkeyup: aktivira se kada korisnik izda ključ.

    Atributi događaja miša

    Onclick: aktivira se kad miš klikne na element.

    Onmousemove: aktivira se kada se pokazivač miša pomiče dok je iznad elementa.

    Onmouseip: Aktivira se kad se miš prebaci preko elementa.

    Ručni kotač: aktivira se kada se kotačić miša prevrće ili spušta preko nekog elementa

    Povucite atribute događaja

    Ondrag: To se pokreće kada se element povlači.

    Ondragleave: Skripta se pokreće kada element napusti valjanu target drop.

    Ondrop: Aktivira se kada ispušteni element ispadne

    Onscroll: Skripta se pokreće kad se pomiče traka elementa.

    Zaključak - HTML atributi

    HTML je najstarija tehnologija koja se koristi za stvaranje različitih web aplikacija. S vremenom se HTML postupno razvijao i pruža mnoštvo značajki za prisutne elemente. Omogućuje širok izbor atributa koji pomažu u tome da aplikacija bude učinkovitija. Tu spadaju jezgreni atributi koji su osnovni i najčešće se koriste. Također nudi atribute internacionalizacije koji omogućuju promjene jezika. Atribut podataka pomaže pri spremanju podataka i prilagođavanju na način na koji korisnik to želi. Uz sve to, ima i globalne atribute koji se mogu koristiti s bilo kojim elementom i bilo gdje. Također ima atribute događaja koji se pokreću kada se događa bilo koja vrsta događaja. Kao rezultat, to čini web aplikaciju ili web stranicu vrlo interaktivnim. Zbog ovoga se HTML pokazuje da je i dalje u igri za razvoj web aplikacija. Uz to, stilski atribut koji se može koristiti s CSS-om čini ga ljepšim i privlačnijim za upotrebu. Tako iskoristite sve atribute koji su prisutni i na raspolaganju vam je sjajna web aplikacija po vašem izboru.

    Preporučeni članci

    Ovo je vodič za atribute HTML-a. Ovdje smo raspravljali o konceptima i različitim atributima HTML-a. Možete pogledati i sljedeće članke da biste saznali više -

    1. Što je HTML jednostavnim riječima?
    2. Saznajte kako HTML funkcionira
    3. Što je XML?
    4. Glavni stilovi popisa HTML
    5. Usporedba HTML-a i XML-a

    Kategorija:

    Alati za web razvoj