HTML-määritteet

HTML-attribuutit voidaan sanoa erityisiksi sanoiksi, joita käytetään avaustagojen sisällä ja jotka vastaavat elementin käyttäytymisen ohjaamisesta. Ne ovat HTML-elementtityypin muokkaajia. Tämä muunnin voi tehdä kaksi työtä. Se voi joko muokata elementin oletustoimintoja tai se voi tarjota toiminnallisuuden jokaiselle elementille, joka ei pysty toimimaan kunnolla ilman niitä. Syntaktisesti attribuutti lisätään HTML-aloitustagiin. Tunnistettuja ominaisuuksia on erityyppisiä. Ne sisältävät vaadittavat ominaisuudet, valinnaiset määritteet, vakiomääritteet ja tapahtumattribuutit. Vaadittavat määritteet ovat niitä, joita tietty tietyntyyppinen tyyppi tarvitsee, jotta funktio toimii oikein. Valinnaista ominaisuutta voidaan käyttää elementtityypin oletustoimintojen muokkaamiseen. Vakioominaisuuksia tukee suuri joukko elementtityyppejä, ja tapahtumattribuutteja voidaan käyttää aiheuttamaan elementtityyppejä, jotka voivat määritellä tietyissä olosuhteissa suoritettavat skriptit. Attribuutit näkyvät yleensä nimi-arvo-pareina ja erotetaan '=' (yhtäläisyysmerkki). Ne kirjoitetaan elementin alkukoodissa elementin nimen jälkeen.

Eri HTML-määritteet

Katsotaanpa erilaisia ​​HTML-määritteitä ja niiden toimintaa yksityiskohtaisesti.

Perusominaisuudet

On olemassa neljä keskeistä ominaisuutta, joita käytetään pääasiassa. Niiden nimeämiseksi ne ovat seuraavat:

  • ID: Tätä HTML-ominaisuutta voidaan helposti käyttää yksilöimään HTML-sivulla oleva elementti yksilöllisesti. Käyttäjätunnusta voidaan käyttää joko silloin, kun elementissä on id-määrite yksilöivänä tunnisteena, mikä mahdollistaa elementin ja sen sisällön tunnistamisen, tai tätä käytetään, kun verkkosivulla on kaksi elementtiä, joilla on sama nimi. ID-ominaisuus voi auttaa tunnistamaan helposti saman nimen sisältävien elementtien välisen eron.
  • Otsikkoattribuutti : Tämä attribuutti antaa ehdotetun otsikon tietylle elementille. Operaattorista riippuu, kuinka se käyttäytyy, ja vaikka sitä ei yleensä näytetä työkaluvihjeenä aina, kun kohdistin tulee elementin päälle tai onko se näytettävä sitä, kun elementti latautuu. Sitä käytetään myös selittämään elementti hiiren lentämiseen hiiren päälle. Käyttäytyminen voi vaihdella eri elementtien kanssa, ja yleensä sen arvo näkyy lataamisen yhteydessä tai hiiren osoittimen hiiren osoittaessa sen päälle.
  • Class Attribuutti: Tämän määritteen yhdistäminen tehdään tyylisivun osaan. Käyttäjän on määritettävä elementin luokka. Tästä ominaisuudesta voidaan oppia lisää, kun Cascading Style -lehti opitaan. Tässä oleva arvo voi myös olla välilyönnillä erotettu luettelo luokkien nimistä. Esimerkiksi: class = “className1 className2 className3”
  • Tyyli-ominaisuus: Tämän määritteen avulla voit määrittää CSS-tyylisivun säännöt missä tahansa elementissä. Se voi tarjota HTML-elementteille erilaisia ​​Cascading Style -lehostehosteita, kuten kasvattaa fontin kokoa. Se voi myös muuttaa fonttiperhettä ja väriä.

Ydinmääritteiden jälkeen meillä on joitain kansainvälistymisominaisuuksia. Ne ovat seuraavat:

Kansainvälistymisominaisuus

  • Rež: Dire-määrite auttaa sinua osoittamaan selaimelle, mihin suuntaan tekstin tulisi noudattaa. Tämä ominaisuus voi yleensä ottaa kaksi arvoa. Ne voivat olla LTR ja RTL. LTR tarkoittaa vasemmalta oikealle ja tämä on oletusarvo, kun taas RTL tarkoittaa oikealta vasemmalle. Kun tätä ominaisuutta käytetään tunnisteessa, se määrittelee, kuinka teksti on esitettävä koko asiakirjassa. Sitä voidaan käyttää myös tekstin suunnan ohjaamiseen vain tunnisteen sisällöstä.
  • Lang-määrite: Tämä ominaisuus auttaa esittelemään pääasiallista kieltä, jota asiakirjassa käytetään. Tätä ominaisuutta voidaan pitää HTML-muodossa, jotta se olisi taaksepäin yhteensopiva HTML: n aikaisempien versioiden kanssa. Se voidaan korvata myös XML: lang -määritteellä uusissa XHTML-asiakirjoissa. Lang-attribuuttien arvot ovat ISO-639 -standardeja, ja niissä on kaksimerkkiset kielikoodit. Kielen ilmoittaminen on tärkeää sovelluksen ja eri hakukoneiden käyttämiseksi.
  • XML-Lang-määrite: Tämän määritteen on tarkoitus korvata lang-määrite. XML-lang -määritteen arvossa on oltava maakoodi, kuten aiemmin mainittiin.

Näiden lisäksi on monia yleisiä määritteitä, jotka kuvataan alla.

Yleinen ominaisuus

  • Kohdista attribuutti: Tämä ominaisuus on hyödyllinen, kun haluat, että jollakin sivullasi on elementtejä. Voit muuttaa kohdistusta vasemmalle, oikealle tai sivun keskelle. Kaikkien elementtien oletusasetus on asetettu vasemmalle. Tätä voidaan muuttaa käyttämällä tätä kohdistusattribuuttia.
  • Src-ominaisuus: Jos käyttäjän on lisättävä kuva verkkosivulle, meidän on käytettävä tunniste src-määritteellä. Voimme määrittää kuvan osoitteen määritteen arvona kaksoislainauksen sisällä. Voit sisällyttää kuvan verkkosivulle src-määritteellä kuten alla.


src Attribute


  • Alt Attribuutti: Tätä ominaisuutta käytetään vaihtoehtoisena tunnisteena, jota voidaan käyttää osoittamaan jotain, jos ensisijainen attribuutti, joka on tunniste, joka ei näytä sille osoitettua alkuperäistä arvoa. Tämä voi kuvata kuvaa kehittäjälle, joka käyttää sitä koodauspäässä. Jos pääkuva epäonnistuu, vaihtoehtoista kuvaa voidaan käyttää näyttämiseen.
  • Leveys- ja korkeusominaisuus : Tätä ominaisuutta voidaan käyttää kuvan korkeuden ja leveyden säätämiseen.

Example:

Width and Height


<

  • Href-määrite: Tätä ominaisuutta käytetään, kun käyttäjä haluaa ohjata tiettyyn linkkiin mihin tahansa osoitteeseen. Tätä ominaisuutta käytetään tunnisteen kanssa. Kun linkki sijoitetaan href-määritteeseen, johon se on suunnattu, se linkitetään tagissa näkyvään tekstiin. Kun käyttäjä napsauttaa tätä tekstiä, hänet ohjataan linkin osoitteeseen. Oletusvaihtoehto avata tämä sivu samassa välilehdessä. Jos käytät kohdeattribuuttia, voit asettaa sen arvoksi _blank. Tämä ohjaa toiseen välilehteen tai toiseen ikkunaan selaimesi määritysten perusteella.

Tietoominaisuus

HTML tarjoaa myös mukautettuja datamääritteitä, joiden avulla voit lisätä sinuun liittyviä tietoja HTML-tunnisteisiin. Nämä eivät ole erityisiä HTML5: lle, ja niitä voidaan käyttää kaikissa HTML-elementeissä. Data - * -attribuutti auttaa meitä mukauttamaan omia mukautettuja datamääritteitämme, se voi tallentaa tiedot yksityisesti sivulle tai sovellukselle.

Mukauttamiseksi tiedot on jaettu kahteen osaan:

  1. Attribuutin nimi: Siinä tulisi olla vähintään yksi merkki pitkä ja siinä ei tulisi olla isoja kirjaimia. Tämä nimi voidaan etuliite myös käyttämällä 'data-'.
  2. Attribuutin arvo: Attribuutin arvo voi olla mikä tahansa merkkijono.

Dataattribuutin syntaksi on seuraava:

  • Gitanjali

    • DOM-ominaisuusominaisuus

    NamedNodeMap-objektien saamiseksi on käytettävä HTML DOM -ominaisuuden ominaisuuksia. Se palauttaa solmumääritteiden ryhmän. NamedNodeMap edustaa myös määriteobjektien kokoelmaa, ja siihen voidaan päästä hakemistonumeron perusteella. Tämä hakemistonumero alkaa nollasta.

    Tätä käyttävä syntaksi on: node.attributes

    Palautettu arvo on NamedNodeMap-objektit, jotka ovat läsnä solmujen kokoelmassa. Jos käyttäjä käyttää Internet Explorer 8: ta tai jotain aikaisemmista versioista, määritteet-ominaisuus palauttaa minkä tahansa elementin kaikki mahdolliset ominaisuudet, ja tämä voi johtaa arvoja enemmän kuin odotettiin.

    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

    Globaalit ominaisuudet

    HTML tarjoaa myös globaalit määritteet, joita voidaan käyttää minkä tahansa HTML-elementin kanssa. Määritteet ovat kuten alla.

    • Accesskey: Se määrittää pikanäppäimen minkä tahansa elementin aktivoimiseksi tai keskittämiseksi siihen.
    • Käännös: Jos tätä ominaisuutta käytetään, se määrittelee, onko elementin sisältö käännettävä vai ei.
    • Luokka: Se määrittelee yhden tai useamman luokan nimen elementille.
    • Otsikko: Tämä ominaisuus määrittelee lisätietoja elementistä.
    • Contenteditable: Määrittämistä voidaan käyttää määrittämään, onko sisältö muokattavissa vai ei.
    • Tabindex: Se määrittelee elementin välilehtien järjestyksen.
    • Dir: Se määrittelee tekstin suunnan elementin kaikelle sisällölle.
    • Oikeinkirjoituksen tarkistus: Käyttäjä voi määrittää nimenomaisesti, onko hänen tarkistettava oikeinkirjoitus ja kielioppi tarkistettu vai ei.
    • Vedävä: Se määrittelee, tuleeko elementin vetää tai ei.
    • Pudotusalue: Se määrittelee kopioidaanko, siirretäänkö vai linkitetäänkö vetämät tiedot pudotettaessa.

    Tapahtuman ominaisuudet

    HTML: llä on kyky laukaista toimia, kun jotkut tapahtumat tapahtuvat. Tapahtumattribuutit voivat olla alla olevat.

    Onload: Se välähtää, kun sivu on ladattu.

    Viesti: Tämä voidaan sanoa skriptinä, joka suoritetaan, kun viesti laukaistaan.

    Onstorage: Tämä on skripti, joka suoritetaan, kun Web-tallennusaluetta päivitetään.

    Virhe: Tämä komentosarja suoritetaan, kun tapahtuu virhe.

    Sivun piilotus: Tätä skriptiä voidaan käyttää, kun käyttäjä voi navigoida sivulta.

    Muodosta tapahtuman määrite

    Nämä tapahtumat laukaisevat toiminnot HTML-muodossa.

    Onblur: Se laukaistaan ​​heti, kun elementti menettää tarkennuksen.

    Onchange: Se laukaistaan ​​heti, kun elementin arvo muuttuu.

    Oncontextmenu: Tämä suoritetaan, kun pikavalikko laukaistaan.

    Onfocus: Se laukaistaan ​​heti, kun elementti tarkentuu.

    Oninput: Komentosarjan on suoritettava, kun elementti vastaanottaa tulon.

    Haun haku: Tämä laukaistaan, kun käyttäjä kirjoittaa jotain hakukenttään.

    Ei kelpaa: Tämä laukaistaan, kun syötetty elementti on virheellinen.

    Keskeiset tapahtumien ominaisuudet

    Onkeydown: Se laukeaa, kun näppäintä painetaan.

    onkeypress: Tämä laukaistaan, kun näppäintä painetaan.

    Pikanäppäin: Tämä laukaistaan, kun käyttäjä vapauttaa avaimen.

    Hiiri-tapahtuman ominaisuudet

    Onclick: Tämä laukaistaan, kun hiiri napsauttaa elementtiä.

    Onmousemove: Tämä laukeaa, kun hiiren osoitin liikkuu, kun se on elementin yläpuolella.

    Onmouseip: Se laukeaa, kun hiiren painike vapautetaan elementin päältä .

    Pyörä: Se laukeaa, kun hiiren pyörä rullaa ylös tai alas elementin yli

    Vedä tapahtuman ominaisuudet

    Ondrag: Tämä laukaistaan, kun elementti vetää.

    Ondragleave: Skripti suoritetaan, kun elementti jättää kelvollisen pudotuskohteen.

    Ondrop: Se laukeaa, kun vetävä elementti pudotetaan

    Onscroll: Skripti suoritetaan, kun elementin vierityspalkkia vieritetään.

    Johtopäätös - HTML-määritteet

    HTML on vanhin tekniikka, jota käytetään erilaisten Web-sovellusten luomiseen. Ajan myötä HTML on kehittynyt vähitellen ja tarjoaa paljon ominaisuuksia läsnä oleville elementeille. Se tarjoaa laajan valikoiman ominaisuuksia, jotka auttavat sovelluksen tehostamisessa. Ne sisältävät ydinmääritteet, jotka ovat perustietoja käytetään yleisimmin. Se tarjoaa myös kansainvälistymismääritteet, jotka mahdollistavat kielimuutokset. Tietomääritteet auttavat tietojen tallentamisessa ja mukauttamisessa käyttäjän tapaan. Kaikilla näillä on myös globaaleja määritteitä, joita voidaan käyttää missä tahansa elementissä ja missä tahansa. Siinä on myös Tapahtumattribuutit, jotka laukaistaan, kun kaikenlaista tapahtumaa tapahtuu. Tämän seurauksena se tekee verkkosovelluksesta tai verkkosivusta erittäin interaktiivisen. HTML osoittautuu siis olevan edelleen web-sovellusten kehittämispelissä kaikkien näiden ominaisuuksien takia. Näiden avulla CSS: n kanssa käytettävä tyyliominaisuus tekee siitä kauniimman ja houkuttelevamman käyttää. Hyödynnä siis kaikkia läsnä olevia määritteitä ja valitse valitsemasi mahtava verkkosovellus helposti.

    Suositellut artikkelit

    Tämä on opas HTML-määritteisiin. Tässä olemme keskustelleet HTML: n käsitteistä ja eri ominaisuuksista. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

    1. Mikä HTML on yksinkertaisesti?
    2. Opi kuinka HTML toimii
    3. Mikä on XML?
    4. Suosituimmat HTML-luettelotyylit
    5. HTML: n ja XML: n vertailut

    Luokka:

    Web-kehitystyökalut