Atribute HTML

Atributele HTML pot fi spuse ca cuvinte speciale care sunt utilizate în interiorul etichetelor de deschidere și sunt responsabile pentru controlul comportamentului unui element. Acestea sunt un modificator de tip element HTML. Acest modificator poate face două lucrări. Poate modifica funcționalitatea implicită a unui element sau poate oferi funcționalitatea oricărui element care nu este capabil să funcționeze corect fără ele. În mod sintactic, un atribut este adăugat la eticheta de pornire HTML. Există diferite tipuri de atribute care au fost identificate. Acestea includ atributele necesare, atributele opționale, atributele standard și atributele evenimentului. Atributele obligatorii sunt cele necesare unui anumit tip de element, astfel încât funcția să funcționeze corect. Atributul opțional poate fi utilizat pentru a modifica funcționalitatea implicită a unui tip de element. Atributele standard sunt suportate de un număr mare de tipuri de elemente, iar atributele de evenimente pot fi utilizate pentru a determina tipuri de elemente care pot specifica scripturile care se execută în circumstanțe specifice. Atributele apar de obicei ca perechi nume-valoare și sunt separate prin '=' (semn egal). Acestea sunt scrise în eticheta de început a unui element după numele elementului.

Atribute HTML diferite

Să aruncăm o privire asupra diferitelor atribute HTML și modul în care acestea funcționează în detaliu.

Atributele de bază

Există patru atribute de bază care sunt utilizate majoritar. Pentru a le numi, acestea sunt următoarele:

  • ID: Acest atribut de HTML poate fi utilizat cu ușurință pentru a identifica în mod unic un element care este prezent într-o pagină HTML. ID-ul de utilizator poate fi utilizat fie atunci când un element poartă un atribut id ca un identificator unic, ceea ce face posibilă identificarea elementului și a conținutului acestuia sau este utilizat atunci când există două elemente care au același nume în cadrul unei pagini web. Atributul ID poate ajuta la identificarea cu ușurință a diferenței dintre elementele care au același nume.
  • Atributul titlului: Acest atribut face munca de a da un titlu sugerat pentru un anumit element. Depinde de transportator cum se va comporta și, deși nu este de obicei afișat ca un tooltip ori de câte ori cursorul trece peste element sau dacă trebuie să-l afișeze atunci când elementul se încarcă. Este, de asemenea, utilizat pentru a explica un element care trece peste mouse-ul peste el. Comportamentul poate diferi cu diferite elemente și, în general, valoarea acestuia este afișată la încărcare sau la trecerea cursorului peste el.
  • Atributul clasei: asocierea acestui atribut se face cu un element al foii de stil. Utilizatorul trebuie să specifice clasa elementului. Puteți afla mai multe despre acest atribut atunci când este învățată foaia de stil Cascading. Valoarea de aici poate fi, de asemenea, o listă de nume de clasă separate de spațiu. De exemplu: class = "className1 className2 className3"
  • Atributul de stil: Acest atribut vă permite să specificați regulile foii de stil în cascadă în orice element. Poate furniza diverse efecte de foaie Style Cascading pentru elementele HTML, cum ar fi creșterea dimensiunii fontului. De asemenea, poate schimba familia de caractere și de colorat.

După atributele de bază, avem câteva atribute de internaționalizare. Acestea sunt ca mai jos:

Atribut de internaționalizare

  • Dir: atributul dir vă ajută să indicați browserului direcția în care ar trebui să urmeze un text. Acest atribut poate lua de obicei două valori. Acestea pot fi LTR și RTL. LTR înseamnă stânga la dreapta și aceasta este valoarea implicită, în timp ce RTL înseamnă de la dreapta la stânga. Când acest atribut este utilizat în etichetă, determină modul în care un text trebuie să fie reprezentat în întregul document. Poate fi, de asemenea, utilizat pentru a controla direcția textului doar din conținutul etichetei.
  • Atributul Lang: Acest atribut ajută la prezentarea limbii principale care este utilizată într-un document. Acest atribut poate fi păstrat în HTML, astfel încât acesta să fie compatibil cu versiunile anterioare de HTML. Poate fi, de asemenea, înlocuit cu atributul XML: lang în documentele XHTML noi. Valorile atributelor lang sunt standard ISO-639 și au coduri de limbaj cu două caractere. Declarația unei limbi este importantă pentru a accesa aplicația și diferite motoare de căutare.
  • Atributul XML-Lang: Acest atribut ar trebui să fie înlocuitor pentru atributul lang. Valoarea atributului XML-lang trebuie să aibă codul de țară așa cum este menționat anterior.

Pe lângă acestea, există multe atribute generice descrise mai jos.

Atribut generic

  • Aliniere atribut: Acest atribut este util atunci când doriți să aveți unele elemente ale paginii dvs. la dispoziție. Puteți schimba alinierea la stânga, dreapta sau centrul paginii. Alinierea implicită pentru toate elementele este setată la stânga. Aceasta poate fi modificată folosind acest atribut aliniere.
  • Atribut Src: Dacă un utilizator trebuie să insereze o imagine într-o pagină web, atunci trebuie să folosim tag cu atributul src. Putem specifica adresa imaginii ca valoare a atributului în interiorul ofertei duble. Puteți utiliza atributul src ca mai jos pentru a include imaginea pe pagina web.


src Attribute


  • Alt Attribute: Acest atribut este utilizat ca o etichetă alternativă care poate fi folosit pentru a arăta ceva dacă atributul principal care este etichetă care nu afișează valoarea inițială care i-a fost atribuită. Aceasta poate descrie imaginea unui dezvoltator care o folosește la capătul codării. Dacă imaginea principală nu reușește, atunci imaginea alternativă poate fi utilizată pentru afișare.
  • Atributul Lățime și Înălțime: Acest atribut poate fi utilizat pentru a regla înălțimea și lățimea unei imagini.

Example:

Width and Height


<

  • Atributul Href: Acest atribut este utilizat atunci când utilizatorul dorește să direcționeze către o legătură specifică către orice adresă. Acest atribut este utilizat împreună cu eticheta. Când legătura este plasată în atributul href către care urmează să fie direcționat, acesta este legat de textul afișat în etichetă. Când utilizatorul face clic pe acest text, acesta va fi redirecționat către adresa linkului. Opțiunea implicită pentru a deschide această pagină în aceeași filă. Dacă folosiți atributul țintă, atunci puteți seta valoarea lui pe _blank. Aceasta se va redirecționa către o altă filă sau o altă fereastră bazată pe configurația browserului.

Atribut de date

HTML oferă, de asemenea, atribute de date personalizate care vă ajută să adăugați informații legate de dvs. în etichetele HTML. Acestea nu sunt specifice HTML5 și pot fi utilizate pe toate elementele HTML. Datele - * atributul ne ajută în personalizarea propriilor noastre atribute de date personalizate, acesta poate stoca datele în privat în pagină sau în aplicație.

Pentru a personaliza, datele sunt împărțite în două părți:

  1. Nume atribut: ar trebui să aibă cel puțin un caracter lung și nu ar trebui să aibă majuscule. Acest nume poate fi, de asemenea, prefixat folosind „date-”.
  2. Valoarea atributului: valoarea unui atribut poate fi orice șir.

Sintaxa atributului de date este următoarea:

  • Gitanjali

    • Proprietate atribut DOM

    Pentru a obține obiectele NamedNodeMap trebuie utilizate proprietățile atributelor în HTML DOM. Acesta va returna grupul de atribute ale nodului. NamedNodeMap reprezintă, de asemenea, colecția de obiecte de atribute și la care se poate accesa numărul de index. Acest număr de index începe de la 0.

    Sintaxa pentru a utiliza aceasta este: node.attributes

    Valoarea returnată este obiectele NamedNodeMap care sunt prezente în colecția de noduri. Dacă utilizatorul utilizează Internet Explorer 8 sau oricare dintre versiunile anterioare, atunci proprietatea atributelor va returna toate atributele posibile pentru orice element și acest lucru poate duce la mai multe valori decât se aștepta.

    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

    Atribute globale

    HTML oferă, de asemenea, atribute globale care pot fi utilizate cu orice element HTML. Atributele sunt ca mai jos.

    • Acceskey: specifică o tastă rapidă pentru a activa sau focaliza pe orice element.
    • Traduceți: Dacă este utilizat acest atribut, acesta specifică dacă conținutul elementului trebuie tradus sau nu.
    • Clasă: specifică unul sau mai multe nume de clasă pentru un element.
    • Titlu: Acest atribut specifică informații suplimentare despre un element.
    • Conținut : Pentru a specifica dacă conținutul poate fi modificat sau nu poate fi utilizat acest atribut.
    • Tabindex: specifică ordinea tabbing-ului unui element.
    • Dir: specifică direcția textului pentru orice conținut al unui element.
    • Ortografie: Utilizatorul poate specifica explicit dacă trebuie să verifice ortografia și gramatica verificate sau nu.
    • Draggable: specifică dacă un element ar trebui să fie glisabil sau nu.
    • Dropzone: specifică dacă datele glisate sunt copiate, mutate sau legate atunci când sunt abandonate.

    Atributele evenimentului

    HTML are capacitatea de a declanșa acțiuni atunci când au loc anumite evenimente. Atributele evenimentului pot fi ca mai jos.

    Onload: Se declanșează după ce pagina s-a terminat de încărcat.

    Onmessage: Acest lucru poate fi spus ca un script care se execută atunci când mesajul este declanșat.

    Onstorage: Acesta este un script care trebuie rulat atunci când este actualizată o zonă de stocare web.

    Onerror: Acest script este rulat atunci când apare o eroare.

    Onpagehide: Acest script poate fi utilizat atunci când un utilizator poate naviga departe de o pagină.

    Formulează atributele evenimentului

    Aceste evenimente sunt declanșate de acțiuni în interiorul unui formular HTML.

    Onblur: este declanșat imediat ce elementul pierde focalizarea.

    Onchange: este declanșat imediat ce se modifică valoarea unui element.

    Oncontextmenu: Acesta este executat atunci când este declanșat un meniu contextual.

    Onfocus: este declanșat imediat ce elementul devine focalizat.

    Oninput: Scriptul trebuie să ruleze atunci când elementul primește o intrare.

    Onsearch: Aceasta este declanșată atunci când utilizatorul scrie ceva în câmpul de căutare.

    Oninvalid: Aceasta este declanșată atunci când un element introdus este nevalid.

    Atributele cheie ale evenimentului

    Onkeydown: Se declanșează la apăsarea unei taste.

    onkeypress: Aceasta este declanșată la apăsarea unei taste.

    Onkeyup: Aceasta este declanșată atunci când un utilizator eliberează o cheie.

    Atributele evenimentului mouse

    Onclick: Aceasta este declanșată atunci când mouse-ul face clic pe un element.

    Onmousemove: Aceasta este trasă atunci când indicatorul mouse-ului se mișcă în timp ce este peste un element.

    Onmouseip: Se declanșează atunci când este eliberat un buton de mouse deasupra unui element.

    Rulot roată: se declanșează atunci când roata mouse-ului se învârte în sus sau în jos peste un element

    Trageți atributele evenimentului

    Ondrag: Aceasta este declanșată atunci când un element este târât.

    Ondragleave: Scriptul este rulat atunci când un element lasă o țintă de scădere valabilă.

    Ondrop: este declanșat atunci când elementul târât este abandonat

    Onscroll: Scriptul este rulat atunci când bara de defilare a unui element este defilată.

    Concluzie - Atribute HTML

    HTML este cea mai veche tehnologie care este utilizată pentru a crea diferite aplicații web. Cu timpul HTML-ul a evoluat treptat și oferă o mulțime de caracteristici pentru elementele care sunt prezente. Oferă o mare varietate de atribute care ajută la eficientizarea aplicației. Acestea includ atributele de bază care sunt cele de bază sunt utilizate cel mai frecvent. De asemenea, oferă atribute de internaționalizare care permit schimbarea limbilor străine. Atributul de date ajută la stocarea datelor și la personalizarea modului în care utilizatorul dorește să fie. Cu toate acestea, are și atribute globale care pot fi utilizate cu orice element și oriunde. De asemenea, are atribute de eveniment care sunt declanșate atunci când are loc orice fel de eveniment. Prin urmare, face aplicația web sau pagina web foarte interactivă. Prin urmare, toate aceste caracteristici se dovedesc a fi încă în jocul de dezvoltare a aplicațiilor web. Cu acestea, atributul de stil care poate fi utilizat cu CSS îl face mai frumos și mai atractiv de utilizat. Așa că faceți uz de toate atributele care sunt prezente și au o aplicație web minunată la alegere, într-un mod ușor.

    Articole recomandate

    Acesta a fost un ghid pentru atributele HTML. Aici am discutat despre Conceptele și diferite atribute ale HTML. De asemenea, puteți consulta următoarele articole pentru a afla mai multe -

    1. Ce este HTML în termeni simpli?
    2. Aflați cum funcționează HTML
    3. Ce este XML?
    4. Top Stiluri de listă HTML
    5. Comparații între HTML și XML

    Categorie:

    Instrumente de dezvoltare web