Мова HTML ўключае ў сябе шэраг элементаў. Да іх ставяцца шырока выкарыстоўваюцца кампаненты вэбсайта як абзацы, загалоўкі, спасылкі і малюнкі. Ёсць таксама цэлы шэраг новых элементаў, якія былі ўведзеныя з HTML5, уключаючы загаловак, нав зноску, і многае іншы. Усе гэтыя HTML элементы выкарыстоўваюцца для стварэння структуры дакумента і надаць яму сэнс. Для таго, каб дадаць яшчэ больш сэнсу для элементаў, вы можаце даць ім атрыбуты.
Асноўнае адкрыццё HTML тэг пачынаецца з знака <. За гэтым варта імя тэга, і, нарэшце, вы завершыце тэг з> характар. Напрыклад, адкрыццё пункта тэг будзе запісаны наступным чынам:
<Р>Каб дадаць атрыбут ў вашай HTML-тэг, вы першы паставіць прабел пасля імя тэга (у дадзеным выпадку, з'яўляецца "р"). Затым неабходна дадаць імя атрыбуту, які вы хочаце выкарыстоўваць затым знак роўнасці. Нарэшце, значэнне атрыбуту будзе складзена ў двукоссі. Напрыклад:
<Р клас = "адкрыццё">Пазнакі могуць мець некалькі атрыбутаў. Вы б аддзяліць кожны атрыбут ад іншых з прасторай.
<Р клас = "адкрыццё" назва = "першы пункт»>Элементы з патрабаванымі атрыбутамі
Некаторыя HTML элементы на самай справе патрабуюць атрыбутаў, калі вы хочаце, каб яны працавалі належным чынам. Элемент малюнка і элемент спасылкі з'яўляецца два прыкладам гэтага.
Элемент малюнка патрабуе атрыбут «SRC». Гэты атрыбут паведамляе браўзэру, які вобраз вы хочаце выкарыстоўваць у гэтым месцы. Значэнне атрыбуту будзе шлях да файла выявы. Напрыклад:
Вы заўважыце, што я дадаў яшчэ адзін атрыбут да гэтага элементу, у «альт» або альтэрнатыўны атрыбут тэксту. Гэта тэхнічна не з'яўляецца абавязковым атрыбутам для малюнкаў, але гэта лепшая практыка, каб заўсёды ўключаць гэты кантэнт для доступу. Тэкст пералічаныя ў значэнні атрыбуту альт з'яўляецца тое , што будзе адлюстроўвацца , калі малюнак не загружаецца па якой - то прычыне.
Іншы элемент, які патрабуе пэўных атрыбутаў з'яўляецца якарам або спасылку тэга. Гэты элемент павінен ўключаць у сябе «HREF» атрыбут, які пазначае «гіпертэкставай спасылкі.» Гэта мудрагелісты спосаб сказаць "дзе гэта спасылка." Гэтак жа, як элемент малюнка павінен ведаць, якія малюнкі для загрузкі, спасылка тэг павінен . ведаю, дзе ён хацеў бы Вось як спасылку тэг можа выглядаць:
Гэтая сувязь цяпер будзе прывесці чалавека на вэб-сайт, паказаны ў значэнні атрыбуту. У гэтым выпадку, гэта галоўная старонка.
Атрыбуты, як CSS Гаплікі
Іншы спосаб выкарыстання атрыбутаў, калі яны выкарыстоўваюцца ў якасці «гаплікаў» для стыляў CSS. Паколькі вэб-стандарты дыктуюць, што вы павінны захаваць структуру вашай старонкі (HTML) асобна ад яго стыляў (CSS), вы выкарыстоўваеце гэтыя атрыбуту гаплікі ў CSS, каб дыктаваць, як структураваная старонка будзе адлюстроўвацца ў вэб-браўзэры. Напрыклад, вы маглі б мець гэты кавалак разметкі ў вашым HTML-дакуменце.
Калі вы хочаце, што падзел мець колер фону чорны (# 000) і памер шрыфта ў 1.5em, вы б дадаць гэта да вашага CSS:
.featured {фонавага колеру: # 000; памер шрыфта: 1.5em;}«Прыкметы» атрыбут класа выступае ў якасці кручка, які мы выкарыстоўваем у CSS, каб прымяніць стылі да гэтай галіне. Мы таксама маглі б нам ідэнтыфікатар атрыбуту тут, калі мы хочам. Абодва класа і ідэнтыфікатары з'яўляюцца універсальнымі атрыбутамі, а гэта азначае, што яны могуць быць дададзены да любога элементу. Яны таксама могуць быць абодва арыентаваныя з канкрэтнымі стылямі CSS, каб вызначыць знешні выгляд гэтага элемента.
Што тычыцца Javascript
Нарэшце, з дапамогай атрыбутаў на некаторых HTML-элементаў таксама тое, што вы можаце выкарыстоўваць у JavaScript. Калі ў вас ёсць скрыпт, які шукае элемент з пэўным атрыбутам ID, то ёсць яшчэ адно прымяненне гэтай агульнай часткі мовы HTML.