HTML attribútumok

A HTML-attribútumok speciális szavaknak tekinthetők, amelyeket a nyitó címkékben használnak, és felelősek az elem viselkedésének ellenőrzéséért. Ezek módosítják a HTML elem típusát. Ez a módosító két feladatot képes elvégezni. Vagy módosíthatja az elem alapértelmezett funkcionalitását, vagy bármelyik elem számára biztosíthatja a funkcionalitást, amely nélkül nem képes megfelelően működni. Szintaktikailag egy attribútum hozzáadódik a HTML kezdőcímkéhez. Különböző típusú attribútumok vannak azonosítva. Ide tartoznak a szükséges attribútumok, opcionális attribútumok, standard attribútumok és eseményttribútumok. A kötelező attribútumok azok, amelyekre szükség van egy adott elemtípushoz, hogy a funkció megfelelően működjön. Az opcionális attribútum felhasználható az elemtípus alapértelmezett funkcionalitásának módosítására. A standard attribútumokat számos elemtípus támogatja, és az eseményttribútumok felhasználhatók olyan elemtípusok előidézésére, amelyek meghatározzák az adott körülmények között futó szkripteket. Az attribútumok általában név-érték párokként jelennek meg, és '=' (egyenlő jel) elválasztják egymástól. Ezeket egy elem kezdőcímkéjén belül írják az elem neve után.

Különböző HTML attribútumok

Vessen egy pillantást a különféle HTML-attribútumokra és azok részletes működésére.

Alapvető attribútumok

Négy alapvető attribútum van, amelyeket főként használnak. Ezek megnevezése a következő:

  • ID: Ez a HTML attribútum könnyen használható egy elem egyértelmű azonosításához, amely a HTML oldalon található. A felhasználói azonosító akkor is használható, ha egy elem egyedi azonosítóként azonosító attribútumot hordoz, amely lehetővé teszi az elem és annak tartalmának azonosítását, vagy ezt akkor használják, ha két elem azonos nevű elem van egy weboldalon. Az ID attribútum segíthet azonosítani az azonos nevű elemek közötti különbséget.
  • A cím attribútuma: Ez az attribútum egy adott elem javasolt címének megadásával jár. A hordozótól függ, hogyan fog viselkedni, és bár általában nem jelenik meg eszköztippként, amikor a kurzor az elem fölé kerül, vagy ha meg kell jelenítenie az elem betöltésekor. Arra is használják, hogy megmagyarázzanak egy elemet, amely az egér fölé való lebegtetését szolgálja. A viselkedés különbözõ elemekkel különbözhet, és általában az érték jelenik meg a betöltéskor vagy az egérmutatóra ráhelyezve.
  • Osztályattribútum: Az attribútum társítását a stíluslap egyik elemével végezzük. A felhasználónak meg kell adnia az elem osztályát. Többet meg lehet tanulni erről a tulajdonságról, amikor a Cascading Style lapot megtanulják. Az érték itt is lehet az osztálynevek szóközzel elválasztott listája. Például: class = “className1 className2 className3”
  • Stílusattribútum: Ez az attribútum lehetővé teszi, hogy bármilyen elemben meghatározhassa a lépcsőzetes stíluslap-szabályokat. Különböző Cascading stíluslap-effektusokat nyújthat a HTML elemekhez, például a betűméret növeléséhez. Megváltoztathatja a betűtípus-családot és a színt is.

A fő attribútumok után van néhány nemzetközivé válás jellemző. Ezek a következők:

Nemzetköziesedési tulajdonság

  • Dir: A dir attribútum segítséget nyújt abban, hogy megjelölje a böngészőnek az irányt, amelybe a szövegnek kell lépnie. Ez az attribútum általában két értéket vehet fel. Ezek lehetnek LTR és RTL. Az LTR balról jobbra jelenti, és ez az alapértelmezett érték, míg az RTL a jobbról balra. Amikor ezt az attribútumot címkén belül használják, akkor meghatározza, hogy a szövegnek hogyan kell lennie a teljes dokumentumban. Arra is használható, hogy a szöveg irányát csak a címke tartalmától vezéreljék.
  • A Lang-attribútum: Ez az attribútum segíti a dokumentumban használt fő nyelv bemutatását. Ezt az attribútumot HTML-ben lehet tartani, hogy visszafelé kompatibilis legyen a HTML korábbi verzióival. Ez helyettesíthető az XML: lang attribútummal az új XHTML dokumentumokban is. A lang attribútumok értéke ISO-639 szabvány, és két karakterből álló nyelvi kódokkal rendelkeznek. A nyelv deklarálása fontos az alkalmazáshoz és a különböző keresőmotorokhoz való hozzáférés érdekében.
  • Az XML-Lang attribútum: Ez az attribútum állítólag helyettesíti a lang attribútumot. Az XML-lang attribútum értékének a korábban említett országkódnak kell lennie.

Ezen felül számos általános attribútum létezik, amelyeket alább ismertetünk.

Általános jellemző

  • Attribútum igazítása: Ez az attribútum akkor hasznos, ha azt szeretné, hogy az Ön oldalának egyes elemei rendelkezzenek a rendelkezéseddel. Megváltoztathatja az igazítást az oldal balra, jobbra vagy az oldal közepére. Az összes elem alapértelmezett igazítása balra van beállítva. Ez megváltoztatható ezzel az igazítási attribútummal.
  • Src attribútum: Ha a felhasználónak képet kell beszúrnia egy weboldalra, akkor a címke az src attribútummal. Megadhatjuk a kép címét az attribútum értékének a dupla idézetben. Az alábbiak szerint használhatja az src attribútumot a kép beillesztésére a weboldalra.


src Attribute


  • Alt Attribútum: Ezt az attribútumot alternatív címkeként használják, amely használható valami megmutatására, ha az elsődleges attribútum, amely a címke, amely nem jeleníti meg a hozzá rendelt eredeti értéket. Ez leírja a képet egy fejlesztőnek, aki a kódolási végén használja. Ha a főkép nem sikerül, akkor az alternatív kép használható a megjelenítéshez.
  • Szélesség és magasság attribútum: Ez az attribútum használható a kép magasságának és szélességének beállítására.

Example:

Width and Height


<

  • A Href Attribútum: Ezt az attribútumot akkor használják, amikor a felhasználó egy adott linkre kíván irányítani bármilyen címet. Ez az attribútum a címkével együtt kerül felhasználásra. Amikor a linket a href attribútumba helyezi, ahova azt irányítani kívánja, akkor összekapcsolódik a címkén megjelenített szöveggel. Amikor a felhasználó rákattint a szövegre, a felhasználót átirányítják a link címére. Az oldal alapértelmezett megnyitása ugyanazon a lapon. Ha a cél attribútumot használja, akkor _blank értékre állíthatja. Ez átirányítja egy másik lapra vagy egy másik ablakra, a böngésző konfigurációja alapján.

Adat attribútum

A HTML olyan egyedi adatattribútumokat is biztosít, amelyek segítenek a veled kapcsolatos információk HTML-címkékben történő felvételében. Ezek nem kifejezetten a HTML5-re vonatkoznak, és felhasználhatók minden HTML elemre. Az data - * attribútum segít nekünk a saját egyéni adat-attribútumaink testreszabásában, az adatokat az oldal vagy az alkalmazás magántulajdonban tudja tárolni.

A testreszabás érdekében az adatokat két részre osztják:

  1. Attribútum neve: Legalább egy karakter hosszúnak kell lennie, és nem szabad nagybetűket tartalmaznia. Ezt a nevet az 'data-' használatával előtagba lehet helyezni.
  2. Attribútumérték: Az attribútum értéke bármilyen karakterlánc lehet.

Az adatattribútum szintaxisa a következő:

  • Gitanjali

    • DOM attribútumtulajdon

    A NamedNodeMap objektumok beolvasásához a HTML DOM attribútum tulajdonságait kell használni. Visszaadja a csomópont-attribútumok csoportját. A NamedNodeMap az attribútumobjektumok gyűjteményét is képviseli, és indexszámmal érhető el. Ez az indexszám 0-nál kezdődik.

    Ennek szintaxisa: node.attributes

    A visszatérő érték a NamedNodeMap objektumok, amelyek jelen vannak a csomópontok gyűjteményében. Ha a felhasználó az Internet Explorer 8-at vagy valamelyik korábbi verziót használja, akkor az attribútumok tulajdonság bármely elem összes lehetséges attribútumát visszaadja, és ez a vártnál több értéket eredményezhet.

    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

    Globális attribútumok

    A HTML globális attribútumokat is nyújt, amelyeket bármilyen HTML elemhez felhasználhatunk. Az attribútumok a következők.

    • Accesskey: Megad egy gyorsbillentyűt bármely elem aktiválásához vagy fókuszálásához.
    • Fordítás: Ha ezt az attribútumot használja, akkor meghatározza, hogy az elem tartalmát le kell-e fordítani, vagy sem.
    • Osztály: Egy vagy több osztálynevet határoz meg az elem számára.
    • Cím: Ez az attribútum extra információkat határoz meg az elemről.
    • Contenteditable: Annak meghatározására, hogy a tartalom szerkeszthető-e vagy sem, ez az attribútum használható.
    • Tabindex: Megadja az elem tabbing sorrendjét.
    • Dir: Meghatározza az elem bármely tartalmának szöveges irányát.
    • Helyesírás-ellenőrzés: A felhasználó kifejezetten meghatározhatja, hogy ellenőriznie kell-e a helyesírást és a nyelvtant.
    • Draggable: Megadja, hogy egy elem húzható-e vagy sem.
    • Dropzone: Megadja, hogy a húzott adatokat lemásoláskor másolják-e, áthelyezik-e vagy összekapcsolják-e.

    Esemény attribútumok

    A HTML képes eseményeket kiváltani bizonyos események bekövetkezésekor. Az esemény attribútumai lehetnek az alábbiak szerint.

    Betöltés: Az oldal akkor tölt be, amikor az oldal befejeződött.

    Onmessage: Ez szkriptként mondható el, amely az üzenet indításakor fut.

    Tárolás: Ez egy szkript, amelyet a webtároló terület frissítésekor kell futtatni.

    Hiba: Ez a szkript hibaüzenet esetén fut.

    Onsidehide: Ez a szkript akkor használható, ha a felhasználó el tud navigálni egy oldalról.

    Forma Esemény Attribútumok

    Ezeket az eseményeket a HTML űrlapon belüli műveletek váltják ki.

    Onblur: akkor indul, amint az elem elveszíti a fókuszt.

    Onchange: Akkor indul el, amikor az elem értéke megváltozik.

    Oncontextmenu: A helyi menü indításakor futtatható.

    Onfocus: akkor indul, amint az elem fókuszba kerül.

    Bemenet: A szkriptnek futnia kell, amikor az elem bemenetet fogad.

    Onsearch: Ezt akkor indítják el, amikor a felhasználó valamit ír a keresési mezőbe.

    Érvénytelen: Ez akkor vált ki, ha egy beírt elem érvénytelen.

    Kulcsesemény-attribútumok

    Onkeydown: Egy gomb megnyomásakor indul el .

    Onkeypress: Ez egy gomb megnyomásakor vált ki.

    Onkeyup: Ez akkor vált ki, amikor a felhasználó kulcsot enged ki.

    Egér esemény attribútumai

    Onclick: Ez akkor vált ki, amikor az egér egy elemre kattint.

    Onmousemove: Ez akkor kerül ki, amikor az egérmutató mozog, miközben az elem fölött van.

    Onmouseip: Ez akkor vált ki, ha egy egérgombot elengednek egy elem fölött.

    Onwheel: Ez akkor vált ki, amikor az egér kerék fel-le gördül egy elem fölé

    Húzza az esemény attribútumait

    Ondrag: Ez akkor vált ki, amikor egy elemet húzunk .

    Ondragleave: A szkript akkor fut, amikor egy elem érvényes cseppcélt hagy.

    Ondrop: akkor indul, amikor a húzott elem leesik

    Onscroll: A szkript akkor fut, ha egy elem görgetősávját görgetik .

    Következtetés - HTML attribútumok

    A HTML a legrégebbi technológia, amelyet különféle webes alkalmazások létrehozására használnak. Az idő múlásával a HTML fokozatosan fejlődött, és sok funkcióval rendelkezik a jelen lévő elemek számára. Számos tulajdonságot nyújt, amelyek segítenek az alkalmazás hatékonyabbá tételében. Ide tartoznak az olyan alapvető attribútumok, amelyeket az alapvetően használnak. Nemzetköziesedési tulajdonságokat is biztosít, amelyek lehetővé teszik a nyelvek megváltoztatását. Az adatattribútum segíti az adatok tárolását és testreszabását úgy, ahogy a felhasználó szeretné. Mindezek mellett globális attribútumokkal is rendelkezik, amelyeket bármilyen elemmel és bárhol felhasználhatunk. Ezenkívül vannak Eseményttribútumok is, amelyek bármilyen esemény bekövetkeztével aktiválódnak. Ennek eredményeként a webes alkalmazás vagy weboldal nagyon interaktívvá válik. A HTML tehát mindezeknek a funkcióknak köszönhetően továbbra is a webes alkalmazások fejlesztésének játékában van. Ezekkel a stílustulajdonságokkal, amelyeket a CSS-vel lehet használni, szépsé és vonzóbbá válik a használata. Használja tehát az összes jelen lévő attribútumot, és a választott fantasztikus webalkalmazással rendelkezik a legegyszerűbben.

    Ajánlott cikkek

    Ez egy útmutató a HTML attribútumokhoz. Itt megvitattuk a HTML fogalmait és különféle attribútumait. A következő cikkeket is megnézheti további információkért -

    1. Mi a HTML egyszerűen?
    2. Tudja meg, hogyan működik a HTML
    3. Mi az XML?
    4. A legnépszerűbb HTML listastílusok
    5. A HTML és az XML összehasonlítása

    Kategória:

    Webfejlesztő eszközök