HTML јазикот вклучува голем број на елементи. Тука спаѓаат најчесто користените компоненти на веб-страницата како што се ставови, наслови, линкови и слики. Исто така, постојат и нови понови елементи кои беа воведени со HTML5, вклучувајќи го и насловот, nav, footer и друго. Сите овие HTML елементи се користат за креирање на структурата на документот и неговото значење. За да додадете уште повеќе значење на елементите, можете да им дадете атрибути.
Основна ознака за отворање HTML започнува со <карактер. Тоа е проследено со името на ознаката, и конечно, ќе ја завршите ознаката со> знакот. На пример, тагот за отворање на став ќе биде напишан вака:
За да додадете атрибут на вашата ознака HTML, прво ставете празно место по името на ознаката (во овој случај тоа е "p"). Потоа ќе додадете името на атрибутот што сакате да го користите проследено со знак за еднаквост. Конечно, вредноста на атрибутот ќе биде ставена во наводници. На пример:
Тагови може да имаат повеќе атрибути. Ќе го одделите секој атрибут од другите со празно место.
Елементи со потребни атрибути
Некои HTML елементи всушност бараат атрибути ако сакате да работат како што треба. Елементот на сликата и елементот на врската се два пример за ова.
Елементот за слика бара атрибут "src". Овој атрибут му кажува на прелистувачот која слика сакате да ја користите на таа локација. Вредноста на атрибутот ќе биде патека до сликата. На пример:
Ќе забележите дека додадов уште еден атрибут на овој елемент, "alt" или алтернативен атрибут на текст. Ова не е технички потребен атрибут за слики, но најдобро е секогаш да ја вклучите оваа содржина за пристапност. Текстот наведен во вредноста на атрибутот alt е она што ќе се прикаже ако сликата не успее да се вчита поради некоја причина.
Друг елемент кој бара специфични атрибути е ознаката за прицврстување или врска. Овој елемент мора да го вклучи атрибутот "href", кој се залага за "хипертекст". Тоа е фантастичен начин да се каже "каде треба да оди оваа врска". Исто како елементот за слика треба да знае која слика да се вчита, знаете каде што би сакале. Еве како може да изгледа ознака за линкови:
Таа врска сега ќе донесе лице на веб-страницата одредена во вредноста на атрибут. Во овој случај, тоа е главната страница на.
Атрибути како CSS Куки
Друга употреба на атрибути е кога тие се користат како "куки" за CSS стилови. Бидејќи веб стандардите диктираат дека треба да ја задржите структурата на вашата страница (HTML) одделени од неговите стилови (CSS), ги користите овие атрибутни куки во CSS за да диктирате како структурната страница ќе се прикаже во веб-прелистувачот. На пример, можете да го имате ова парче разредување во вашиот HTML документ.
Ако сакате таа поделба да има боја на позадината на црно (# 000) и големината на фонтот од 1.5em, ќе го додадете ова во вашиот CSS:
.featured {позадина-боја: # 000; font-size: 1.5em;}Атрибутот "одликуван" класа делува како јадица што ја користиме во CSS за да примениме стилови во таа област. Ние би можеле да ни и атрибут на атрибут тука ако сакаме. И класите и идентификациите се универзални атрибути, што значи дека тие можат да бидат додадени на кој било елемент. Тие исто така можат да бидат насочени кон специфични CSS стилови за да го одредат визуелниот изглед на тој елемент.
Во врска со Javascript
Конечно, користењето атрибути на одредени HTML елементи исто така е нешто што можете да го користите во Javascript. Ако имате скрипта која бара елемент со специфичен атрибут на идентификација, тоа е уште една употреба на овој заеднички дел од HTML-јазикот.