ХТМЛ Атрибути

ХТМЛ атрибути се могу изговорити као посебне речи које се користе унутар уводних ознака и одговорне су за контролу понашања елемента. Они су модификатор типа ХТМЛ елемента. Овај модификатор може обавити два посла. Може или изменити подразумевану функционалност елемента или дати функционалност било којем елементу који не може правилно да функционише без њих. Синтактички, атрибут се додаје ХТМЛ почетној ознаци. Постоје различите врсте атрибута који су идентификовани. Они укључују потребне атрибуте, факултативне атрибуте, стандардне атрибуте и атрибуте догађаја. Потребни атрибути су они који су потребни одређеном типу елемената како би функција исправно радила. Опционални атрибут може се користити за промену задане функционалности типа елемента. Стандардни атрибути подржани су великим бројем типова елемената, а атрибути догађаја се могу користити за изазивање типова елемената који могу одредити скрипте које се изводе у одређеним околностима. Атрибути се обично појављују као парови имена и вредности и одвојени су знаком '=' (знак једнаке). Они су записани унутар почетне ознаке елемента након имена елемента.

Различити ХТМЛ атрибути

Погледајмо различите ХТМЛ атрибуте и како они делују у детаље.

Основни атрибути

Постоје четири основна атрибута која се углавном користе. Да би се именовали ови су следећи:

  • ИД: Овај атрибут ХТМЛ-а може се лако користити за јединствену идентификацију елемента који је присутан на ХТМЛ страници. Кориснички ИД може се користити или када елемент носи атрибут ид као јединствени идентификатор, што омогућава идентификацију елемента и његовог садржаја или се користи када постоје два елемента који имају исто име на веб страници. Атрибут ИД може вам помоћи у лажој идентификацији разлике између елемената који имају исти назив.
  • Атрибути наслова: Овај атрибут делује као давање предложеног наслова одређеном елементу. Овисно о носачу како ће се он понашати и иако се обично не приказује као тоолтип када курсор дође преко елемента или ако га мора приказати приликом учитавања елемента. Такође се користи да објасни елемент лебдања миша изнад њега. Понашање се може разликовати код различитих елемената и опћенито се његова вриједност приказује при учитавању или лебдању показивача миша над њим.
  • Атрибут класе: Асоцијација овог атрибута врши се елементом стилског листа. Корисник мора одредити класу елемента. О овом атрибуту се може више сазнати када се учи Цасцадинг Стиле схеет. Вриједност овдје може такођер бити и раздјелница која је одвојена размаком. На пример: цласс = „цлассНаме1 цлассНаме2 цлассНаме3“
  • Атрибут стила: Овај атрибут омогућава вам да одредите правила каскадног стила унутар било којег елемента. Може да пружи различите ефекте листа Цасцадинг Стиле ХТМЛ елементима као што је повећање величине фонта. Такође може да промени породицу фонтова и боју.

Након основних атрибута, имамо неке атрибуте интернационализације. Они су као испод:

Атрибути интернационализације

  • Дир: Атрибут дир вам помаже да назначите прегледачу у ком смеру треба да следи текст. Овај атрибут обично може заузети две вредности. То могу бити ЛТР и РТЛ. ЛТР значи лево надесно и ово је подразумевана вредност, док РТЛ означава десно лево. Када се овај атрибут користи у ознаци, он одређује како би текст требао бити представљен у целом документу. Такође се може користити за контролу смера текста из само садржаја тагове.
  • Атрибут Ланг: Овај атрибут помаже у приказивању главног језика који се користи у документу. Овај атрибут може се задржати у ХТМЛ-у тако да је назад компатибилан са старијим верзијама ХТМЛ-а. Такође се може заменити КСМЛ: ланг атрибутом у новим КСХТМЛ документима. Вриједности ланг атрибута су ИСО-639 стандард и имају двознаковне језичке кодове. Проглашавање језика важно је за приступ апликацији и различитим претраживачима.
  • КСМЛ-Ланг Атрибут: Овај атрибут би требао бити замјена за атрибут ланг. Вриједност КСМЛ-ланг атрибута мора имати код земље као што је раније споменуто.

Поред ових, постоје многи генерички атрибути који су описани у даљем тексту.

Генериц Аттрибуте

  • Поравнај атрибуте : Овај атрибут је користан када желите да имате неке елементе странице на располагању. Можете да промените поравнање улево, удесно или у средини странице. Подразумевано поравнање за све елементе постављено је налево. Ово се може променити коришћењем овог атрибута поравнања.
  • Атрибути Срц: Ако корисник треба да убаци слику у веб страницу, онда морамо да користимо таг са атрибутом срц. Можемо навести адресу слике као вредност атрибута унутар двоструког цитата. Можете користити атрибут срц на следећи начин да бисте укључили слику на веб страницу.


src Attribute


  • Алт Атрибут: Овај атрибут користи се као алтернативна ознака која се може користити за приказивање нечега ако је примарни атрибут тај ознака која не приказује оригиналну вредност која му је додељена. Ово може описати слику програмеру који је користи на крају кодирања. Ако главна слика не успе, алтернативна слика се може користити за приказ.
  • Атрибут ширине и висине: Овај атрибут може се користити за подешавање висине и ширине слике.

Example:

Width and Height


<

  • Хреф Атрибут: Овај атрибут користи се када корисник жели усмјерити на одређену везу до било које адресе. Овај атрибут користи се заједно са ознаком. Када се веза постави у атрибут хреф тамо где треба да се усмери, она се повезује са текстом приказаним унутар ознаке. Када корисник кликне на овај текст, корисник ће бити преусмерен на адресу везе. Подразумевана опција за отварање ове странице на истој картици. Ако користите циљни атрибут, тада можете да поставите његову вредност на _ празно. Ово ће се преусмерити на другу картицу или други прозор на основу конфигурације вашег прегледача.

Атрибути података

ХТМЛ такође пружа прилагођене атрибуте података који вам помажу да у ХТМЛ ознаке додате информације повезане са вама. Они нису специфични за ХТМЛ5 и могу се користити на свим ХТМЛ елементима. Атрибут дата - * помаже нам у прилагођавању властитих прилагођених атрибута података, а податке може приватно похранити на страницу или у апликацију.

Да би се прилагодили подаци су подељени у два дела:

  1. Назив атрибута: Треба да има најмање један знак и не би требало да садржи велика слова. Ово име се такође може префиксати коришћењем 'дата-'.
  2. Вриједност атрибута : Вриједност атрибута може бити било који низ.

Синтакса за атрибут података је:

  • Gitanjali

    • ДОМ Атрибути својство

    Да би се добили објекти НамедНодеМап треба користити својства атрибута у ХТМЛ ДОМ-у. Вратит ће групу атрибута чвора. НамедНодеМап такође представља колекцију објеката атрибута и може јој се приступити бројем индекса. Овај индексни број почиње од 0.

    Синтакса која ово користи је: ноде.аттрибутес

    Вриједност која се враћа су НамедНодеМап објекти који су присутни у колекцији чворова. Ако корисник користи Интернет Екплорер 8 или неку од старијих верзија, тада ће својство атрибута вратити све могуће атрибуте за било који елемент и то може резултирати више вриједности од очекиваних.

    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

    Глобал Аттрибутес

    ХТМЛ такође пружа глобалне атрибуте који се могу користити са било којим ХТМЛ елементом. Атрибути су као испод.

    • Приступна типка: Одређује тастер за пречицу за активирање или фокусирање на било који елемент.
    • Преведи: Ако се користи овај атрибут, он одређује да ли садржај елемента треба превести или не.
    • Класа: Одређује једно или више имена класа за елемент.
    • Наслов: Овај атрибут специфицира додатне информације о елементу.
    • Садржај: Да бисте одредили да ли је садржај могуће уређивати или не, овај атрибут се може користити.
    • Табиндек: Одређује редослед таботирања елемента.
    • Дир: Одређује смер текста за било који садржај елемента.
    • Провера правописа: Корисник може изричито навести да ли мора да провери правопис и граматику да ли је потврђен или не.
    • Драггабле: Одређује да ли елемент треба повлачити или не.
    • Дропзоне: Спецификује да ли се повучени подаци копирају, премештају или повезују када падну.

    Атрибути догађаја

    ХТМЛ има могућност покретања радњи када се догађају неки догађаји. Атрибути догађаја могу бити у наставку.

    Онлоад: Покреће се након што се страница заврши с учитавањем.

    Онмессаге: Ово се може рећи као скрипта која се покреће када се порука активира.

    Онстораге: Ово је скрипта која се покреће када се ажурира веб локација за складиштење података.

    Онеррор: Ова скрипта се покреће када дође до грешке.

    Онпагехиде: Ова скрипта може се користити када се корисник може кретати даље од странице.

    Формирајте атрибуте догађаја

    Ови догађаји покрећу се радњама унутар ХТМЛ обрасца.

    Онблур: Покреће се чим елемент изгуби фокус.

    Онцханге: Покреће се чим се вредност елемента промени.

    Онцонтектмену: Ово се покреће када се активира контекстни мени.

    Онфоцус: Покреће се чим елемент добије фокус.

    Онинпут: Скрипта се мора покренути када елемент прими улаз.

    Истраживање: Ово се активира када корисник напише нешто у поље за претрагу.

    Онинвалид: Покреће се када унесени елемент није важећи.

    Кључни атрибути догађаја

    Онкеидовн: Покреће се када се притисне тастер.

    онкеипресс: активира се када притиснете тастер.

    Онкеиуп: Ово се активира када корисник пусти кључ.

    Атрибути миша догађаја

    Онцлицк: активира се када миш кликне на елемент.

    Онмоусемове: покреће се када се показивач миша помера, док је изнад елемента.

    Онмоусеип: Покреће се када се тастер миша ослободи преко елемента.

    Онвхеел: Покреће се када се точкић миша преврће или спушта преко неког елемента

    Превуците атрибуте догађаја

    Ондраг: То се покреће када се елемент повлачи.

    Ондраглеаве: Скрипта се покреће када елемент напусти ваљану таргет дроп.

    Ондроп: Покреће се када се повучени елемент испусти

    Онсцролл: Скрипта се покреће када се елемент помиче траком за помицање.

    Закључак - ХТМЛ Атрибути

    ХТМЛ је најстарија технологија која се користи за креирање различитих веб апликација. Временом се ХТМЛ постепено развијао и пружа мноштво функција за присутне елементе. Омогућава широк избор атрибута који помажу у томе да апликација буде ефикаснија. Они укључују основне атрибуте који су основни који се најчешће користе. Такође нуди атрибуте интернационализације који омогућавају промене језика. Атрибут података помаже у чувању података и прилагођавању их онако како корисник то жели. Уз све то, има и глобалне атрибуте који се могу користити са било којим елементом и било где. Такође има атрибуте догађаја који се активирају када се одиграва било која врста догађаја. Као резултат, то чини веб апликацију или веб страницу врло интерактивном. Због овога се ХТМЛ показује да је и даље у игри за развој веб апликација. С тим, атрибут стила који се може користити са ЦСС-ом чини га лепшим и привлачнијим за употребу. Тако искористите све атрибуте који су присутни и имају сјајну веб апликацију по вашем избору на лак начин.

    Препоручени чланци

    Ово је водич за атрибуте ХТМЛ-а. Овде смо разговарали о концептима и различитим атрибутима ХТМЛ-а. Такође можете погледати следеће чланке да бисте сазнали више -

    1. Шта је ХТМЛ једноставним речима?
    2. Сазнајте како ХТМЛ функционише
    3. Шта је КСМЛ?
    4. Топ ХТМЛ стилови листе
    5. Поређење ХТМЛ-а и КСМЛ-а

    Категорија:

    Алати за веб развој