ХТМЛ језик укључује низ елемената. Ово укључује најчешће коришћене компоненте веб сајта као што су параграфи, заглавља, линкови и слике. Постоји и низ нових елемената који су уведени са ХТМЛ5, укључујући и заглавље, нав, подножје и још много тога. Сви ови ХТМЛ елементи се користе за креирање структуре документа и дају им смисао. Да бисте додали још значење елементима, можете им дати атрибуте.
Основна ХТМЛ отварање ознака почиње са <знаком. Затим следи назив ознаке, и коначно, завршите ознаку помоћу> карактера. На пример, ознака за ставку параграфа би се написала овако:
<п>Да бисте додали атрибут ХТМЛ тагу, прво ставите размак након имена ознаке (у овом случају то је "п"). Затим бисте додали име атрибута које желите користити, након чега следи знак једнакости. Најзад, вредност атрибута биће стављена у наводнике. На пример:
<п цласс = "опенинг">Ознаке могу имати више атрибута. Сваки атрибут би одвојио од других са простором.
<п цласс = "опенинг" титле = "први пасус">Елементи са потребним атрибутима
Неки ХТМЛ елементи заправо захтевају атрибуте ако желите да раде како треба. Елемент слике и елемент везе су два примера овога.
Елемент слике захтева атрибут "срц". Тај атрибут говори претраживачу коју слику желите да користите на тој локацији. Вредност атрибута би била путања датотеке на слику. На пример:
<имг срц = "имагес / лого.јпг" алт = "лого нашег предузећа">Приметили сте да сам додао још један атрибут овом елементу, атрибут "алт" или алтернативни текст. Ово није технички обавезан атрибут за слике, али је најбоља пракса да увек укључите овај садржај за приступачност. Текст наведен у вриједности алт атрибута је оно што ће се приказати ако слика из неког разлога не учита .
Још један елемент који захтијева одређене атрибуте је сидро или линкова. Овај елемент мора укључивати атрибут "хреф", који означава "хипертекстуалну референцу". То је фантастичан начин говора "гдје би ова веза требало да иде." Као што елемент слике мора знати коју слику треба да учита, ознака везе мора знате где би то требало. Ево како изгледа ознака везе:
<а хреф="хттп:// ">Та веза би сада довела особу на веб локацију која је наведена у вриједности атрибута. У овом случају, то је главна страница.
Атрибути као ЦСС Хоокс
Друга употреба атрибута је када се користе као "куке" за ЦСС стилове. Пошто веб стандарди диктирају да требате задржати структуру ваше странице (ХТМЛ) одвојене од својих стилова (ЦСС), користите ове куке атрибута у ЦСС-у како бисте диктирали како ће структурна страница приказати у веб претраживачу. На пример, можете имати овај комад марке у ХТМЛ документу.
<див цласс = "означена">Ако сте желели да та подела има црну боју позадине (# 000) и величину фонта од 1.5 ем, додајте ово у свој ЦСС:
.феатуред {бацкгроунд-цолор: # 000; фонт-сизе: 1.5е;}Атрибут "истакнутог" класе делује као кукица коју користимо у ЦСС-у за примену стилова на то подручје. Такође можемо и ми атрибут ИД-а ако желимо. И класе и ИД су универзални атрибути, што значи да се они могу додати било ком елементу. Они такође могу бити циљани са одређеним стиловима ЦСС-а да би се утврдио визуелни изглед тог елемента.
Што се тиче Јавасцрипта
На крају, коришћење атрибута на одређеним ХТМЛ елементима такође је нешто што можете користити у Јавасцрипту. Ако имате скрипту која тражи елемент са одређеним атрибутом ИД-а, то је још једна употреба овог заједничког дела ХТМЛ-а.