ХТМЛ5 - Креирање докумената и атрибута

ХТМЛ5 - Креирање докумената и атрибута

Ово је најмање занимљив део, али је без сумње један од најкритичнијих. Сваки документ ХТМЛ користи барем део ових елемената, а понекад и све њих, па не шкоди што знамо како их на одговарајући начин користити за креирање докумената ХТМЛ5 тачан и општи.
Елементи врсте документа
Почнимо са елементима типа документ. То су блокови који обликују наш документ ХТМЛ и поставља почетни контекст за прегледач.
Елемент доцтипе
Елемент доцтипе јединствен је у својој категорији. Добра је пракса започети сваки документ ХТМЛ које стварамо са елементом типа доцтипе. Ово је елемент који говори прегледачу са којим ће се бавити ХТМЛ.
Већина прегледача ће и даље исправно приказивати наш садржај ако изоставимо доцтипе, али је лоша пракса веровати прегледачу да се понаша на овај начин.
Тачна синтакса за примену елемента типа доцтипе је следећи:
Елемент хтмл
Овај елемент се углавном назива роот елементом и означава почетак ХТМЛ -а у нашем документу.
Синтакса је следећа:


Садржај и елементи овде

Елемент главе
Елемент глава Садржи све метаподатке за документ. Ин ХТМЛ, метаподаци пружају прегледачу информације о садржају и ознакама у документу, али додатно можемо укључити скрипте и референце на спољне изворе, попут стилских листова ЦСС.
Синтакса је следећа у документу:



Здраво


Елемент тела
Овај елемент инкапсулира садржај документа ХТМЛ, је супротност од елемента хеад који инкапсулира метаподатке и информације о документу. Елемент тело увек следи елемент хеад, што значи да је то друго дете у структури корена хтмл елемента.
Погледајмо његову синтаксу:

Пример

волим јабуке и поморанџе.

Елементи метаподатака типа
Елементи типа метаподатака омогућавају нам да пружимо информације о документу ХТМЛ. Они нису сами по себи садржани, али пружају информације о садржају који ће их пратити. Елементи метаподатака типа додају се елементу хеад.
Постављање наслова нашем документу
Елемент наслов поставите наслов или име нашем документу. Прегледници обично приказују садржај овог елемента на врху прозора или картице.
Хајде да видимо како га додајемо у нашу структуру:

Пример

волим јабуке и поморанџе.

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

• дир

Атрибут дир одређује смер текста који се налази у елементу. Подржане вредности за њега су:

• лтр (текст с лева на десно)
• ртл (текст здесна налево)

Погледајмо једноставан пример његове примене:

Пример

дир = "ртл"> Ово је здесна налево

дир = "лтр">Ово је слева надесно

• садржај

Овај атрибут нам омогућава да дефинишемо контекст елемената менија. Они се појављују на екрану када их корисник такорећи отпусти, на пример, када десним тастером миша кликнемо на елемент.

• вуче

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

• дропзоне

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

• сакривен

Атрибут сакривен То је Боолеов атрибут који указује да елемент није релевантан, па стога неће бити визуелно присутан у документу. Прегледници тумаче овај атрибут на начин који скрива ставку од погледа корисника. Погледајмо пример тога:

Пример
Искључи



сакривен>

Иам	Град
Адам Фрееман	Лондон
Јое Смитх	Њу Јорк
Анне јонес	Парис

У овом примеру дефинишемо табелу која садржи тр елемент који представља ред у којем је присутан скривени атрибут. Додатно дефинишемо дугме које када се притисне позива функцију Јавасцрипт тогглеХидден који уклања скривени атрибут.

• иди

Један од најпознатијих атрибута је иди, који вам омогућава да елементу доделите јединствени идентификатор. Ови идентификатори се обично користе за обликовање елемента или одабир елемента помоћу Јавасцрипта. Погледајмо пример како користимо ид атрибут за стилизовање елемента.

Пример

ид = "в3цлинк"хреф =" хттп://в3ц.орг "> В3Ц веб локација

• провера правописа

Атрибут провера правописа се користи за одређивање да ли прегледач треба да провери синтаксу неког садржаја. Употреба овог атрибута има смисла само када се примени на елемент који корисник може да уређује.
Погледајмо пример:

Пример
спеллцхецк = "труе"> Ово је неки погрешно написан текст

• стил

Атрибут стил омогућава нам да дефинишемо ЦСС стил директно у елементу, видимо:

Пример
стиле = "бацкгроунд: греи; цолор: вхите; паддинг: 10пк">
Посетите веб локацију Апресс

• табиндек

Овај атрибут нам омогућава да контролишемо редослед жаришта елемената када им приступамо преко табеларног кључа.
Пример
Иам: табиндек = "1"/>

Град: табиндек = "- 1"/>

Земља: табиндек = "2"/>

табиндек = "3"/>

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