Atributi HTML

Atribute HTML lahko rečemo kot posebne besede, ki se uporabljajo znotraj odpiralnih oznak in so odgovorne za nadzor vedenja elementa. So modifikator vrste elementov HTML. Ta modifikator lahko opravi dve opravi. Lahko spremeni privzeto funkcionalnost elementa ali pa zagotovi funkcionalnost kateremu koli elementu, ki brez njih ne more pravilno delovati. Sintaktično je atribut dodan začetni oznaki HTML. Identificirani so različni tipi atributov. Sem spadajo zahtevani atributi, neobvezni atributi, standardni atributi in atributi dogodkov. Zahtevani atributi so tisti, ki jih posamezna vrsta elementov potrebuje, da funkcija pravilno deluje. Izbirni atribut lahko uporabite za spreminjanje privzete funkcionalnosti vrste elementa. Standardni atributi so podprti z velikim številom tipov elementov, atributi dogodkov pa se lahko uporabijo za povzročitev vrst elementov, ki lahko določijo skripte, ki se izvajajo v posebnih okoliščinah. Atributi se ponavadi pojavljajo kot pari imen in vrednosti in so ločeni z '=' (enak znak). Zapisani so v začetni oznaki elementa po imenu elementa.

Različni atributi HTML

Oglejmo si različne atribute HTML in kako podrobno delujejo.

Ključne lastnosti

Obstajajo štirje osnovni atributi, ki se večinoma uporabljajo. Če jih želite poimenovati, so:

  • ID: Ta atribut HTML je mogoče enostavno uporabiti za enolično prepoznavanje elementa, ki je prisoten na strani HTML. Uporabniški ID je mogoče uporabiti bodisi, kadar element nosi atribut id kot edinstven identifikator, ki omogoča identifikacijo elementa in njegove vsebine, ali pa se uporablja, kadar sta na spletni strani dva elementa, ki imata isto ime. Atribut ID lahko pomaga enostavno prepoznati razliko med elementi z istim imenom.
  • Atribut naslova: Ta atribut deluje tako, da daje predlagani naslov za določen element. Od nosilca je odvisno, kako se bo obnašal in čeprav ponavadi ni prikazan kot orodje, kadar se kazalec pojavi nad elementom ali če ga mora prikazati, ko se element naloži. Uporablja se tudi za razlago elementa ob lebdenju miške nad njim. Obnašanje se lahko razlikuje med različnimi elementi in na splošno je njegova vrednost prikazana pri nalaganju ali lebdenju kazalca miške nad njim.
  • Atribut razreda: Povezava tega atributa se izvede z elementom slogovnega lista. Uporabnik mora določiti razred elementa. Več o tem atributu je mogoče izvedeti, ko se učite sloga Cascading Style. Vrednost je lahko tudi seznam imen razredov, ločen s presledkom. Na primer: class = „className1 className2 className3“
  • Atribut sloga: Ta atribut vam omogoča, da v katerem koli elementu določite pravila kaskadnega lista sloga. Za elemente HTML, kot je povečanje velikosti pisave, lahko zagotovi različne učinke listov v kaskadnem slogu. Prav tako lahko spremeni družino pisav in barvanje.

Po osnovnih atributih imamo nekaj atributov internacionalizacije. Spodaj so:

Atributi internacionalizacije

  • Dir: Atribut dir vam pomaga pri navajanju brskalnika, v kateri smeri naj sledi besedilo. Ta atribut lahko običajno prevzame dve vrednosti. To sta lahko LTR in RTL. LTR pomeni levo proti desni in to je privzeta vrednost, medtem ko RTL pomeni desno na levo. Ko se ta atribut uporablja v oznaki, določa, kako naj bo besedilo predstavljeno v celotnem dokumentu. Uporablja se lahko tudi za nadzor smeri besedila samo od vsebine oznake.
  • Atribut Lang: Ta atribut pomaga pri prikazu glavnega jezika, ki se uporablja v dokumentu. Ta atribut lahko hranimo v HTML-ju, tako da je nazaj združljiv s prejšnjimi različicami HTML-ja. Lahko ga nadomesti tudi XML: lang atribut v novih dokumentih XHTML. Vrednosti atributov lang so standard ISO-639 in imajo dvočrkovne jezikovne kode. Razglasitev jezika je pomembna za dostop do aplikacije in različnih iskalnikov.
  • Atribut LML-Lang: Ta atribut naj bi bil zamenjava atributa lang. Vrednost atributa XML-lang mora imeti kodo države, kot je že omenjeno.

Poleg teh je spodaj opisano veliko splošnih lastnosti.

Splošni atribut

  • Poravnaj atribute : Ta atribut je uporaben, če želite imeti na razpolago nekatere elemente strani. Poravnavo lahko spremenite v levo, desno ali na sredino strani. Privzeta poravnava za vse elemente je nastavljena na levo. To lahko spremenite s pomočjo tega atributa poravnave.
  • Atribut src: Če mora uporabnik vstaviti sliko v spletno stran, potem moramo uporabiti z atributom src. Lahko podamo naslov slike kot vrednost atributa znotraj dvojnega citata. Za dodajanje slike na spletni strani lahko uporabite atribut src, kot je spodaj.


src Attribute


  • Alt Atribut: Ta atribut se uporablja kot nadomestna oznaka, ki se lahko uporablja za prikaz nekaj, če je glavni atribut oznaka, ki ne prikaže prvotne vrednosti, ki ji je bila dodeljena. To lahko opiše sliko razvijalcu, ki ga uporablja na koncu kodiranja. Če glavna slika ne uspe, potem lahko za prikaz uporabite nadomestno sliko.
  • Atribut širine in višine: ta atribut lahko uporabite za nastavitev višine in širine slike.

Example:

Width and Height


<

  • Atribut Href: Ta atribut se uporablja, kadar se želi uporabnik usmeriti na določeno povezavo do katerega koli naslova. Ta atribut se uporablja skupaj z oznako. Ko je povezava postavljena v atribut href, kamor naj bo usmerjena, je povezana z besedilom, prikazanim znotraj oznake. Ko uporabnik klikne to besedilo, bo uporabnik preusmerjen na naslov povezave. Privzeta možnost za odpiranje te strani na istem zavihku. Če uporabite ciljni atribut, potem lahko njegovo vrednost nastavite na _ prazno. To bo preusmerilo na drug zavihek ali drugo okno glede na konfiguracijo brskalnika.

Atribut podatkov

HTML vsebuje tudi atribute podatkov po meri, s pomočjo katerih lahko v oznake HTML dodate informacije, povezane z vami. Te niso specifične za HTML5 in se lahko uporabljajo v vseh elementih HTML. Atribut data - * nam pomaga pri prilagajanju lastnih atributov po meri, lahko podatke shrani zasebno na stran ali v aplikacijo.

Za prilagoditev so podatki razdeljeni na dva dela:

  1. Ime atributa: Naj ima vsaj en znak in ne sme biti velikih črk. To ime lahko nastavite tudi s pomočjo „data-“.
  2. Vrednost atributa : Vrednost atributa je lahko kateri koli niz.

Sintaksa za atribut podatkov je kot:

  • Gitanjali

    • DOM Atributi lastnost

    Za pridobitev predmetov NamedNodeMap je treba uporabiti lastnosti atributa v HTML DOM. Vrnil bo skupino atributov vozlišča. NamedNodeMap predstavlja tudi zbirko atributnih predmetov, do nje pa lahko dostopate po številki indeksa. Ta indeksna številka se začne pri 0.

    Sintaksa, ki jo uporabljamo, je: node.attributes

    Vrednost, ki se vrne, so predmeti NamedNodeMap, ki so prisotni v zbirki vozlišč. Če uporabnik uporablja Internet Explorer 8 ali katero koli od prejšnjih različic, potem lastnost atributov vrne vse možne atribute za kateri koli element, kar lahko povzroči več vrednosti, kot je bilo pričakovano.

    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 vsebuje tudi globalne atribute, ki jih je mogoče uporabiti s katerim koli elementom HTML. Atributi so kot spodaj.

    • Accesskey: Določa bližnjico za aktiviranje ali osredotočanje na kateri koli element.
    • Prevedi: Če se uporablja ta atribut, določa, ali je treba vsebino elementa prevesti ali ne.
    • Razred: Določi eno ali več imen razreda za element.
    • Naslov: Ta atribut določa dodatne informacije o elementu.
    • Vsebinsko: Če želite določiti, ali je vsebina mogoče urejati ali ne, lahko ta atribut uporabimo.
    • Tabindex: Določi vrstni red zavihkov elementa.
    • Dir: Določi smer besedila za katero koli vsebino elementa.
    • Preverjanje črkovanja: Uporabnik lahko izrecno navede, če mora preveriti črkovanje in slovnico.
    • Vlečenje: Določa, ali naj bo element povleči ali ne.
    • Dropzone: Določa, ali se vlečeni podatki kopirajo, premaknejo ali povežejo ob padcu.

    Atributi dogodkov

    HTML lahko sproži dejanja, kadar se zgodijo nekateri dogodki. Atributi dogodka so lahko spodaj.

    Vklopljeno: sproži se po nalaganju strani.

    Onmessage: To lahko rečemo kot skript, ki se zažene ob sprožitvi sporočila.

    Onstorage: to je skript, ki ga je treba zagnati, ko se posodobi območje spletnega pomnilnika.

    Onerror: Ta skript se zažene, ko pride do napake.

    Onpagehide: Ta skript se lahko uporablja, kadar se uporabnik lahko pomakne stran od strani.

    Oblikujte atribute dogodkov

    Te dogodke sprožijo dejanja znotraj obrazca HTML.

    Onblur: sproži se takoj, ko element izgubi fokus.

    Onchange: Sproži se takoj, ko se vrednost elementa spremeni.

    Oncontextmenu: To se zažene, ko se sproži kontekstni meni.

    Onfocus: sproži se takoj, ko se element osredotoči.

    Oninput: skript se mora zagnati, ko element prejme vhod.

    Iskalno iskanje: To se sproži, ko uporabnik v iskalno polje napiše nekaj.

    Neveljavno: sproži se, če vneseni element ni veljaven.

    Ključni atributi dogodkov

    Onkeydown: sproži se, ko pritisnete tipko.

    onkeypress: sproži se, ko pritisnete tipko.

    Onkeyup: To se sproži, ko uporabnik sprosti ključ.

    Atributi miškega dogodka

    Onclick: sproži se, ko miška klikne element.

    Onmousemove: sproži se, ko se kazalec miške premika, ko je nad elementom.

    Onmouseip: Sproži se, ko miško sprostimo nad element.

    Onwheel: Sproži se, ko se miško kolo vrti navzgor ali navzdol po elementu

    Atributi dogodkov povlecite

    Ondrag: sproži se, ko element vlečemo.

    Ondragleave: skript se zažene, ko element zapusti veljaven cilj padca.

    Ondrop: Sproži se ob spuščanju vlečenega elementa

    Onscroll: skript se zažene, ko se element premika.

    Zaključek - Atributi HTML

    HTML je najstarejša tehnologija, ki se uporablja za ustvarjanje različnih spletnih aplikacij. Sčasoma se HTML razvija postopoma in ponuja veliko funkcij za prisotne elemente. Ponuja široko paleto lastnosti, ki pomagajo pri boljši uporabi aplikacije. Sem spadajo osnovni atributi, ki so osnovni, ki se najpogosteje uporabljajo. Ponuja tudi atribute internacionalizacije, ki omogočajo spreminjanje jezikov. Atribut podatkov pomaga pri shranjevanju podatkov in prilagajanju na način, kot ga želi uporabnik. Z vsem tem ima tudi globalne atribute, ki jih je mogoče uporabiti s katerim koli elementom in kjer koli. Ima tudi atribute Event, ki se sprožijo, ko se zgodi kakršen koli dogodek. Zaradi tega je spletna aplikacija ali spletna stran zelo interaktivna. Zaradi tega se HTML izkaže, da je še vedno v igri za razvoj spletnih aplikacij. S temi atributi slog, ki jih lahko uporabljate s CSS, je lepša in privlačnejša za uporabo. Na ta način uporabite vse atribute, ki so prisotni in imajo odlično spletno aplikacijo po vaši izbiri.

    Priporočeni članki

    To je vodnik za atribute HTML. Tu smo razpravljali o pojmih in različnih atributih HTML. Če želite izvedeti več, si oglejte tudi naslednje članke -

    1. Kaj je HTML v preprostih besedah?
    2. Preberite, kako deluje HTML
    3. Kaj je XML?
    4. Vrhunski slogi seznama HTML
    5. Primerjave HTML in XML

    Kategorija:

    Orodja za razvoj spletnih strani