HTML-atribuudid

HTML-atribuute võib öelda erisõnadena, mida kasutatakse siltide avamisel ja mis vastutavad elemendi käitumise juhtimise eest. Nad on HTML-i elemendi tüübi modifikaatorid. See modifikaator saab teha kahte tööd. See võib muuta elemendi vaikimisi funktsioone või pakkuda funktsioone igale elemendile, mis ilma nendeta korralikult töötada ei saa. Süntaktiliselt lisatakse HTML-i algusmärgendile atribuut. Tuvastatud on erinevat tüüpi atribuute. Nende hulka kuuluvad nõutavad atribuudid, valikulised atribuudid, standardsed atribuudid ja sündmuse atribuudid. Nõutavad atribuudid on need, mida teatud elemendi tüübi jaoks vaja on, et funktsioon õigesti töötada. Valikulist atribuuti saab kasutada elemetüübi vaikimisi funktsioonide muutmiseks. Tavapäraseid atribuute toetab suur hulk elementide tüüpe ja sündmuse atribuute saab kasutada elementide tüüpide tekitamiseks, mis võivad täpsustada konkreetsetes olukordades töötavaid skripte. Atribuudid esinevad tavaliselt nime-väärtuse paaridena ja eraldatakse tähisega '=' (võrdusmärk). Need kirjutatakse elemendi algusesildis elemendi nime järel.

Erinevad HTML-i atribuudid

Vaatame erinevaid HTML-atribuute ja nende üksikasjalikku toimimist.

Põhiomadused

Peamiselt kasutatakse nelja peamist atribuuti. Nende nimetamiseks on need järgmised:

  • ID: seda HTML-i atribuuti saab hõlpsalt kasutada HTML-lehel oleva elemendi ainulaadseks tuvastamiseks. Kasutajatunnust saab kasutada kas siis, kui elemendil on kordumatu identifikaatorina id-atribuut, mis võimaldab elementi ja selle sisu tuvastada, või seda kasutatakse siis, kui veebilehel on kaks sama nimega elementi. ID-atribuut aitab hõlpsalt tuvastada erinevust samanimeliste elementide vahel.
  • Pealkirja atribuut: See atribuut teeb ülesandeks anda konkreetsele elemendile soovitatud pealkiri. See sõltub operaatorist, kuidas ta käitub, ja kuigi seda ei kuvata tavaliselt nõuandena, kui kursor tuleb elemendi kohale või kui ta peab seda kuvama, kui element laaditakse. Seda kasutatakse ka hiire kohale hõljumise elemendi selgitamiseks. Käitumine võib erinevate elementide puhul erineda ja üldiselt kuvatakse selle väärtus laadimisel või hiirekursori viimisel selle kohale.
  • Klassi atribuut: Selle atribuudi seostamine toimub stiililehe elemendiga. Kasutaja peab määrama elemendi klassi. Selle atribuudi kohta saab rohkem teada, kui õpitakse kaskaadlaadistiku lehte. Siinne väärtus võib olla ka klasside nimede tühikuga eraldatud loetelu. Näiteks: class = “className1 className2 className3”
  • Stiili atribuut: See atribuut võimaldab teil määratleda mis tahes elemendi järkjärgulise stiililehe reegleid. See võib HTML-elementidele pakkuda erinevaid kaskaadlaadstiili efekte, näiteks fondi suuruse suurendamine. See võib muuta ka fondiperekonda ja värvi.

Pärast põhiatribuute on meil mõned rahvusvahelistumise atribuudid. Need on järgmised:

Rahvusvahelistumise atribuut

  • Rež: atribuut dir aitab teil näidata brauserile teksti suuna suunda. See atribuut võib tavaliselt võtta kahte väärtust. Need võivad olla LTR ja RTL. LTR tähendab vasakult paremale ja see on vaikeväärtus, samas kui RTL tähistab paremalt vasakule. Kui seda atribuuti kasutatakse sildis, määrab see, kuidas tekst peaks kogu dokumendis olema esindatud. Seda saab kasutada ka teksti suuna juhtimiseks ainult sildi sisust.
  • Langi atribuut: see atribuut aitab tutvustada dokumendis kasutatud peamist keelt. Seda atribuuti saab HTML-is hoida, nii et see ühilduks varasemate HTML-i versioonidega. Uutes XHTML-dokumentides võib selle asendada ka atribuudiga XML: lang. Lang atribuutide väärtused on ISO-639 standard ja neil on kahemärgilised keelekoodid. Keele deklareerimine on oluline, et pääseda juurde rakendusele ja erinevatele otsingumootoritele.
  • XML-Langi atribuut: See atribuut peaks väidetavalt asendama atribuuti lang. XML-lang atribuudi väärtusel peab olema riigikood, nagu eelpool mainitud.

Lisaks neile on palju üldisi atribuute, mida kirjeldatakse allpool.

Üldine atribuut

  • Joonda atribuut: See atribuut on kasulik, kui soovite, et teie lehel oleks mõni element teie käsutuses. Saate muuta joondamist lehe vasakule, paremale või keskele. Kõigi elementide vaikejoondus on seatud vasakule. Seda saab muuta selle joondamise atribuudi abil.
  • Src-atribuut: kui kasutaja peab pildi veebilehele sisestama, peame kasutama sildi atribuudiga src. Saame märata pildi aadressi atribuudi väärtuseks topeltpakkumises. Kujutise lisamiseks veebilehele saate kasutada atribuuti src nagu allpool.


src Attribute


  • Alt atribuut: seda atribuuti kasutatakse alternatiivse märgendina, mida saab kasutada millegi kuvamiseks, kui esmane atribuut, mis on silt, mis ei näita talle määratud algset väärtust. See võib kirjeldada pilti arendajale, kes kasutab seda kodeerimise lõpus. Kui põhipilt ebaõnnestub, saab kuvamiseks kasutada teistsugust pilti.
  • Laius ja kõrgus Atribuut: Seda atribuuti saab kasutada pildi kõrguse ja laiuse reguleerimiseks.

Example:

Width and Height


<

  • Hrefi atribuut: seda atribuuti kasutatakse siis, kui kasutaja soovib suunata kindlale lingile mis tahes aadressi. Seda atribuuti kasutatakse koos sildiga. Kui link paigutatakse atribuuti href sinna, kuhu see suunatakse, lingitakse see sildis kuvatava tekstiga. Kui kasutaja sellel tekstil klõpsab, suunatakse kasutaja lingi aadressile. Selle lehe samal vahekaardil avamise vaikesuurus. Kui kasutate atribuuti sihtmärki, saate selle väärtuseks seada _blank. See suunab teie brauseri konfiguratsiooni põhjal teisele vahelehele või teise aknasse.

Andmete atribuut

HTML pakub ka kohandatud andmete atribuute, mis aitavad teil HTML-siltidesse teiega seotud teavet lisada. Need ei ole HTML5-spetsiifilised ja neid saab kasutada kõigis HTML-elementides. Atribuut data - * aitab meil kohandada oma kohandatud andmete atribuute, see võib andmeid privaatselt lehele või rakendusse salvestada.

Kohandamiseks on andmed jagatud kaheks osaks:

  1. Atribuudi nimi: sellel peaks olema vähemalt üks täht ja sellel ei tohiks olla suuri tähti. Seda nime saab ka eesliidestada, kasutades 'data-'.
  2. Atribuudi väärtus: Atribuudi väärtus võib olla mis tahes string.

Andmete atribuudi süntaks on järgmine:

  • Gitanjali

    • DOM-i atribuut

    Objektide NamedNodeMap saamiseks tuleb kasutada HTML DOM-i atribuutide atribuute. See tagastab sõlme atribuutide rühma. NamedNodeMap esindab ka atribuudiobjektide kogumit ja sellele pääseb juurde indeksnumbri alusel. See indeksinumber algab 0-st.

    Selle süntaks on: node.attributes

    Tagastatav väärtus on NamedNodeMap objektid, mis asuvad sõlmede kogumis. Kui kasutaja kasutab Internet Explorer 8 või mõnda varasemat versiooni, tagastab atribuutide atribuut kõigi elementide kõik võimalikud atribuudid ja see võib põhjustada oodatust rohkem väärtusi.

    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

    Globaalsed atribuudid

    HTML pakub ka globaalseid atribuute, mida saab kasutada mis tahes HTML-elemendiga. Atribuudid on järgmised.

    • Pääsukood: see määrab kiirklahvi mis tahes elemendi aktiveerimiseks või sellele keskendumiseks.
    • Tõlge: selle atribuudi kasutamisel täpsustatakse, kas elemendi sisu tuleb tõlkida või mitte.
    • Klass: see määrab elemendi jaoks ühe või mitu klassi nime.
    • Pealkiri: See atribuut täpsustab elemendi kohta lisateavet.
    • Contenteditable: selle atribuudi saab kasutada, et täpsustada, kas sisu on redigeeritav või mitte.
    • Tabindex: see määrab elemendi vahelehtede järjekorra.
    • Rež: see määrab elemendi mis tahes sisu tekstisuuna.
    • Õigekirja kontroll: kasutaja saab selgesõnaliselt täpsustada, kas nad peavad kontrollima õigekirja ja grammatikat või mitte.
    • Lohistatav: see täpsustab, kas element peaks olema lohistatav või mitte.
    • Dropzone: see määrab, kas lohistatud andmeid kopeeritakse, teisaldatakse või lingitakse, kui need kukutatakse.

    Sündmuse atribuudid

    HTML on võimeline toiminguid käivitama, kui mõned sündmused aset leiavad. Sündmuse atribuudid võivad olla järgmised.

    Onload: see käivitatakse pärast lehe laadimise lõpetamist.

    Teade: seda võib öelda skriptina, mis käivitatakse teate käivitamisel.

    Onstorage: see on skript, mida tuleb käivitada veebisalvestusala värskendamisel.

    Viga: skripti käivitatakse tõrke ilmnemisel.

    Lehe peitmine: seda skripti saab kasutada siis, kui kasutaja saab lehelt edasi liikuda.

    Vormi sündmuse atribuudid

    Need sündmused käivitavad HTML-vormingus toimingud.

    Onblur: see käivitatakse niipea, kui element kaotab fookuse.

    Muutumine: see käivitatakse kohe, kui elemendi väärtus muutub.

    Kontekstimenüü: see käivitatakse kontekstimenüü käivitamisel.

    Onfookus: see käivitatakse niipea, kui element on fookuses.

    Sisendsisend: skript peab käima, kui element saab sisendi.

    Onsearch: see käivitatakse siis, kui kasutaja kirjutab otsinguväljale midagi.

    Kehtetu: see käivitatakse siis, kui sisestatud element on kehtetu.

    Põhisündmuse atribuudid

    Onkeydown: see käivitatakse klahvi vajutamisel.

    klahvivajutus: see käivitatakse klahvi vajutamisel.

    Onkeyup: see käivitatakse siis, kui kasutaja vabastab võtme.

    Hiire sündmuse atribuudid

    Klõps klõpsamisel: see käivitatakse siis, kui hiir klõpsab elementi.

    Onmousemove: see vallandatakse, kui hiirekursor liigub, kui see on elemendi kohal.

    Onmouseip: see aktiveeritakse, kui hiirenupp vabastatakse elemendi kohal.

    Rattratas: see käivitatakse, kui hiireratas kerib elemendi kohal üles või alla

    Lohistage sündmuse atribuute

    Ondrag: See käivitatakse elemendi lohistamisel .

    Ondragleave: skripti käitatakse, kui element jätab kehtiva langemissihtmärgi.

    Ondrop: see käivitatakse, kui lohistatud element kukub

    Onscroll: skripti käitatakse elemendi kerimisriba kerimisel.

    Järeldus - HTML-atribuudid

    HTML on vanim tehnoloogia, mida kasutatakse erinevate veebirakenduste loomiseks. Aja jooksul on HTML järk-järgult arenenud ja pakub palju funktsioone olemasolevatele elementidele. See pakub laias valikus atribuute, mis aitavad rakendust efektiivsemaks muuta. Nende hulka kuuluvad põhiatribuudid, mida tavaliselt kasutatakse. See pakub ka rahvusvahelistumise atribuute, mis võimaldavad keeli muuta. Andmeatribuut aitab andmeid säilitada ja kohandada seda nii, nagu kasutaja soovib. Kõigil neil on ka globaalsed atribuudid, mida saab kasutada mis tahes elemendiga ja kõikjal. Sellel on ka sündmuse atribuudid, mis käivitatakse mis tahes sündmuse toimumisel. Selle tulemusel muudab see veebirakenduse või veebilehe väga interaktiivseks. Seega osutub HTML kõigi nende funktsioonide tõttu endiselt veebirakenduste arendamise mänguks. Nendega muudab CSS-is kasutatav stiiliatribuut selle kasutamise ilusamaks ja atraktiivsemaks. Nii et kasutage kõiki olemasolevaid atribuute ja teie valitud vinge veebirakendus on lihtne.

    Soovitatavad artiklid

    See on olnud HTML-atribuutide juhend. Siin oleme arutanud HTMLi kontseptsioone ja erinevaid atribuute. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

    1. Mis on HTML lihtsustatult?
    2. Siit saate teada, kuidas HTML töötab
    3. Mis on XML?
    4. Parimad HTML-i loendistiilid
    5. HTML-i ja XML-i võrdlused

    Kategooria:

    Veebiarenduse tööriistad