HTML-attributter

HTML-attributter kan siges som specielle ord, der bruges i åbningskoder og er ansvarlige for at kontrollere et elements opførsel. De er en modifikator af HTML-elementtype. Denne modifikator kan udføre to job. Det kan enten ændre standardfunktionen for et element, eller det kan give funktionaliteten til ethvert element, der ikke er i stand til at fungere ordentligt uden dem. Syntaktisk tilføjes en attribut til HTML-startmærket. Der er forskellige typer attributter, der er identificeret. Disse inkluderer de påkrævede attributter, valgfri attributter, standardattributter og begivenhedsattributter. Nødvendige attributter er dem, der kræves af en bestemt elementtype, så funktionen fungerer korrekt. Den valgfri attribut kan bruges til at ændre standardfunktionaliteten for en elementtype. Standardattributterne understøttes af et stort antal elementtyper, og begivenhedsattributter kan bruges til at forårsage elementtyper, der kan specificere de scripts, der kører under specifikke omstændigheder. Attributterne vises normalt som navne-værdipar og adskilles med '=' (lige tegn). De skrives inden for startmærket af et element efter elementets navn.

Forskellige HTML-attributter

Lad os se på forskellige HTML-attributter, og hvordan de fungerer detaljeret.

Kerneattributter

Der er fire kerneattributter, der hovedsageligt bruges. For at navngive disse er de som følger:

  • ID: Denne attribut af HTML kan let bruges til unikt at identificere et element, der findes på en HTML-side. Bruger-id kan bruges enten når et element bærer en id-attribut som en unik identifikator, hvilket gør det muligt at identificere elementet og dets indhold, eller dette bruges, når der er to elementer, der har samme navn på en webside. ID-attributten kan hjælpe med let at identificere forskellen mellem de elementer, der har samme navn.
  • Titelattributten : Denne attribut gør arbejdet med at give en foreslået titel for et bestemt element. Det afhænger af transportøren, hvordan det vil opføre sig, og selvom det normalt ikke vises som en værktøjstip, når markøren kommer over elementet, eller hvis det skal vises, når elementet indlæses. Det bruges også til at forklare et element ved at holde musen hen over den. Opførslen kan variere med forskellige elementer, og generelt vises dens værdi ved indlæsning eller ved at holde musemarkøren hen over den.
  • Klasseattributten: Tilslutningen af ​​denne attribut udføres med et element på typografien. Brugeren skal specificere elementets klasse. Der kan læres mere om denne attribut, når ark for Cascading Style læres. Værdien her kan også være en mellemrumsskilt liste over klassnavne. For eksempel: class = “className1 className2 className3”
  • Stilattributten: Denne attribut giver dig mulighed for at specificere reglerne for Cascading Style Sheet inden for ethvert element. Det kan give forskellige Cascading Style ark-effekter til HTML-elementerne, som at øge skrifttypestørrelse. Det kan også ændre skrifttypefamilien og farvelægning.

Efter kerneattributterne har vi nogle internationaliseringsattributter. De er som nedenfor:

Internationaliseringsattribut

  • Dir: Attributten dir hjælper dig med at indikere for browseren, i hvilken retning en tekst skal følge. Denne attribut kan normalt optage to værdier. Disse kan være LTR og RTL. LTR betyder venstre til højre, og dette er standardværdien, mens RTL står for højre til venstre. Når denne attribut bruges i tag, bestemmer den, hvordan en tekst skal repræsenteres i hele dokumentet. Det kan også bruges til at kontrollere tekstens retning fra kun indholdet af tagget.
  • Lang attribut: Denne attribut hjælper med at fremvise det hovedsprog, der bruges i et dokument. Denne attribut kan opbevares i HTML, så den er bagudkompatibel med tidligere versioner af HTML. Det kan også erstattes af XML: lang attribut i nye XHTML-dokumenter. Værdierne for lang attributter er ISO-639 standard og har to-tegn sprogkoder. Det er vigtigt at erklære et sprog for at få adgang til applikationen og forskellige søgemaskiner.
  • XML-Lang-attributten: Denne attribut antages at erstatte lang-attributten. Værdien af ​​XML-lang attribut skal have den landekode som nævnt tidligere.

Ud over disse er der mange generiske attributter, der er beskrevet nedenfor.

Generisk attribut

  • Juster attribut: Denne attribut er nyttig, når du ønsker at have nogle elementer på din side til din disposition. Du kan ændre justeringen til venstre, højre eller midten af ​​siden. Standardjusteringen for alle elementer er indstillet til venstre. Dette kan ændres ved at bruge denne justeringsattribut.
  • Src-attribut: Hvis en bruger skal indsætte et billede på en webside, skal vi bruge tag med src-attributten. Vi kan specificere billedets adresse som attributten i det dobbelte tilbud. Du kan bruge src-attributen som nedenfor til at inkludere billedet på websiden.


src Attribute


  • Alt attribut: Denne attribut bruges som et alternativt tag, der kan bruges til at vise noget, hvis den primære attribut, der er tag, der ikke viser den originale værdi, der er tildelt den. Dette kan beskrive billedet til en udvikler, der bruger det i den kodende ende. Hvis hovedbilledet mislykkes, kan det alternative billede bruges til at vise.
  • Attributten Bredde og Højde: Denne attribut kan bruges til at justere højden og bredden af ​​et billede.

Example:

Width and Height


<

  • Href-attributten: Denne attribut bruges, når brugeren vil henvise til et specifikt link til enhver adresse. Denne attribut bruges sammen med tag. Når linket er placeret i href-attributten, hvor det skal rettes, knyttes det til teksten, der vises i mærket. Når brugeren klikker på denne tekst, vil brugeren blive omdirigeret til linkets adresse. Standardindstillingen til at åbne denne side i den samme fane. Hvis du bruger målattributten, kan du indstille dens værdi til _blank. Dette vil omdirigere til en anden fane eller et andet vindue baseret på din browsers konfiguration.

Dataattribut

HTML leverer også brugerdefinerede dataattributter, som hjælper dig med at tilføje oplysninger relateret til dig i HTML-tags. Disse er ikke specifikke for HTML5 og kan bruges på alle HTML-elementer. Data - * attributten hjælper os med at tilpasse vores egne brugerdefinerede dataattributter, den kan gemme dataene privat på siden eller applikationen.

For at tilpasse er dataene opdelt i to dele:

  1. Attributnavn: Det skal have mindst et tegn lang og bør ikke have store bogstaver. Dette navn kan også præfixeres ved hjælp af 'data-'.
  2. Attributværdi: Værdien for en attribut kan være en hvilken som helst streng.

Syntaks for dataattribut er som:

  • Gitanjali

    • DOM Attribut Ejendom

    For at få NamedNodeMap-objekter skal attributegenskaberne i HTML DOM bruges. Det returnerer gruppen af ​​nodeattributter. NamedNodeMap repræsenterer også samlingen af ​​attributobjekter, og det kan fås adgang til det ved indeksnummer. Dette indeksnummer starter ved 0.

    Syntaxen til at bruge dette er: node.attributter

    Den returnerede værdi er NamedNodeMap-objekter, der findes i samlingen af ​​noder. Hvis brugeren bruger Internet Explorer 8 eller en af ​​de tidligere versioner, returnerer egenskabsen egenskaber alle mulige attributter for ethvert element, og dette kan resultere i flere værdier end forventet.

    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

    Globale attributter

    HTML leverer også globale attributter, der kan bruges med ethvert HTML-element. Attributterne er som nedenfor.

    • Accesskey: Den specificerer en genvejstast for at aktivere eller fokusere på ethvert element.
    • Oversæt: Hvis denne attribut bruges, angiver den, om indholdet af elementet skal oversættes eller ej.
    • Klasse: Det specificerer et eller flere klassnavn for et element.
    • Titel: Denne attribut specificerer ekstra information om et element.
    • Contendeditable: For at specificere, om indholdet kan redigeres eller ej, kan denne attribut bruges.
    • Tabindex: Det specificerer fanebladets rækkefølge for et element.
    • Dir: Den specificerer tekstretningen for ethvert indhold af et element.
    • Stavekontrol: Brugeren kan eksplicit specificere, om de skal kontrollere stavningen og grammatikken kontrolleret eller ej.
    • Trækbar: Den specificerer, om et element skal kunne trækkes eller ej.
    • Dropzone: Det specificerer, om de trækkede data kopieres, flyttes eller linkes, når de slippes.

    Begivenhedsattributter

    HTML har evnen til at udløse handlinger, når nogle begivenheder finder sted. Begivenhedsattributterne kan være som nedenfor.

    Onload: Den udløses, når siden er færdig med indlæsning.

    Onmessage: Dette kan siges som et script, der kører, når beskeden udløses.

    Onstorage: Dette er et script, der skal køres, når et weblagringsområde opdateres.

    Onerror: Dette script køres, når der opstår en fejl.

    Onpagehide: Dette script kan bruges, når en bruger kan navigere væk fra en side.

    Form hændelsesattributter

    Disse begivenheder udløses af handlinger i en HTML-form.

    Onblur: Det udløses, så snart elementet mister fokus.

    Onchange: Det udløses, så snart værdien af ​​et element ændres.

    Oncontextmenu: Dette køres, når en kontekstmenu udløses.

    Onfocus: Det udløses, så snart elementet får fokus.

    Oninput: Scriptet skal køre, når elementet modtager en input.

    Onsearch: Dette udløses, når brugeren skriver noget i søgefeltet.

    Oninvalid: Dette udløses, når et indtastet element er ugyldigt.

    Vigtige begivenhedsattributter

    Onkeydown: Det udløses, når der trykkes på en tast.

    onkeypress: Dette udløses, når der trykkes på en tast.

    Onkeyup: Dette udløses, når en bruger frigiver en nøgle.

    Mushændelsesattributter

    Onclick: Dette udløses, når musen klikker på et element.

    Onmousemove: Dette affyres, når musemarkøren bevæger sig, mens den er over et element.

    Onmouseip: Det udløses, når en museknap frigøres fra over et element.

    Onwheel: Det udløses, når musehjulet ruller op eller ned over et element

    Træk begivenhedsattributter

    Ondrag: Dette udløses, når et element trækkes.

    Ondragleave: Scriptet køres, når et element forlader et gyldigt drop-mål.

    Ondrop: Det udløses, når det trækkede element bliver tabt

    Onscroll: Scriptet køres, når et elements rullebjælke rulles.

    Konklusion - HTML attributter

    HTML er den ældste teknologi, der bruges til at oprette forskellige webapplikationer. Med tiden har HTML udviklet sig gradvist og giver en masse funktioner til de elementer, der er til stede. Det giver en bred vifte af attributter, der hjælper med at gøre applikationen mere effektiv. Disse inkluderer kerneattributter, der er de grundlæggende, der bruges hyppigst. Det giver også internationaliseringsattributter, der muliggør sprogændringer. Dataattributten hjælper med at lagre data og tilpasse dem, som brugeren ønsker, at de skal være. Med alle disse har den også globale attributter, der kan bruges med ethvert element og hvor som helst. Det har også hændelsesattributter, der udløses, når nogen form for begivenhed finder sted. Som et resultat gør det webapplikationen eller websiden meget interaktiv. HTML viser sig således at være stadig i spillet om udvikling af webapplikationer på grund af alle disse funktioner. Med disse gør stilattributten, der kan bruges med CSS, det smukkere og mere attraktivt at bruge. Så gør brug af alle de attributter, der er til stede og har en fantastisk webapplikation efter eget valg på den lette måde.

    Anbefalede artikler

    Dette har været en guide til HTML-attributter. Her har vi diskuteret HTML-koncepter og forskellige attributter. Du kan også se på de følgende artikler for at lære mere -

    1. Hvad er HTML i enkle termer?
    2. Lær, hvordan HTML fungerer
    3. Hvad er XML?
    4. Top HTML-listestilarter
    5. Sammenligninger af HTML mod XML

    Kategori:

    Webudviklingsværktøjer