Увод у ХТМЛ5 семантичке елементе

Следећи чланак ће вам пружити различите семантичке елементе у хтмл5. Започнимо са разумевањем семантике. Семантицс се односи на различите типове ознака чија би функционалност била приказана и обављала исту функцију као и по њеном називу. Функционалност ознаке лако би се разумела под називом; која је у кориснику разумљивом имену / формату. Већина елемената у ХТМЛ-у су углавном семантички елементи.

Предности семантичких елемената у ХТМЛ5

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

  • Лако разумевање кода.
  • Одржавање се може обавити брзо и на одговарајући начин.
  • Нема потребе да додајете никакав опис посебно за било коју ознаку.

Различити семантички елементи у ХТМЛ5

Идемо сада у семантичке елементе ХТМЛ5.

1.

Ова ознака нам даје одређену идеју да су подаци унутар те ознаке посебно за сличан садржај. То зависи од различитих врста чланака које такође обично имамо. То може бити блог, форуми, чланци у колумни у новинама итд.

Шифра:



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA



HTML5
New Updated version of HTML

Learning HTML
We are learning through EDUCBA

Излаз:

2

Ова ознака говори о садржају пресека укупних података. Знајући како се користе обе ознаке чланка и одељка, те се ознаке могу користити унутар сваке ознаке. То је ознака секције која се може користити унутар ознаке чланка и обрнуто.

Шифра:


The section here is about:

Учење и вежбање

Излаз:

3.

Ова ознака даје све податке у заглављу. Под овом ознаком заглавља користе се сви подаци које желимо да ставимо у формат заглавља. И ова ознака се може користити више пута у читавом ХТМЛ скрипту. Да видимо мали пример тога.

Шифра:



This is header #1



This is header #1



This is header #1

Први

следећи …

Ово је заглавље бр. 2


Друга

Излаз:

4.

Ово је одјељак подножја у нашем ХТМЛ скрипту. Генерално, видимо све податке о ауторским правима и мали део који налазимо под било којом понудом попут „услови се односе“ на било коју понуду. Дакле, ове ствари су дефинисане под ознаком подножја.

Шифра:

Унутар тела и изнад ознаке подножја

Ознака унутарњег подножја


Још једна ознака подножја


Примењују се услови

Излаз:

5.

Ова ознака даје нам елементе за навигацију. УРЛ у било којем ХТМЛ документу скрипта где обично желимо да се померамо са једне на другу страницу кроз ову ознаку. Сви подаци који су дати под овом ознаком доступни су као хипервезе. Ове хипервезе могу бити корисне за навигацију из једног дела у други одељак. Мали пример је дефинисан као:

Шифра:


About
About link 1
About link 1
Contact
Contact Link 1
Contact Link 2


About
About link 1
About link 1
Contact
Contact Link 1
Contact Link 2


About
About link 1
About link 1
Contact
Contact Link 1
Contact Link 2


About
About link 1
About link 1
Contact
Contact Link 1
Contact Link 2


About
About link 1
About link 1
Contact
Contact Link 1
Contact Link 2

Излаз:

Током вежбања кликните на те везе и проверите како се боја хипервезе мења кликом.

6

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

Шифра:

Како се користи ознака на страну

Унутра ознака на страну


Садржај унутар бочне ознаке

Излаз:

Тачан садржај се не може одредити потпуно на исти начин, он се може документовати и јасно разумети само користећи читаву ХТМЛ страницу.

7.

Ова ознака одређује да ћемо приложити слику. Ознака се може користити за одређивање извора слике и приказивање гиф-а или слике.

Шифра:





Као што је горе поменуто, то је начин на који можемо дефинисати ознаку фигуре. Унутар ознаке слике можемо да одредимо нашу сликовну наредбу изворном ознаком. Унутар ове ознаке фигуре можемо заузврат користити ознаку описа слике.

8

Ознака се користи за поднаслов испод слике која је дата. Може се користити унутар ознаке слике. Употреба тога се може видети у следећем примеру.




This is description of the image attached.

Можете покушати да извршите исто тако што ћете дати извор слике и проверити на који начин се приказује излаз.

9.

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

Шифра:



Learning HTML Semantic Tags
Studying



Learning HTML Semantic Tags
Studying



Learning HTML Semantic Tags
Studying



Learning HTML Semantic Tags
Studying



Learning HTML Semantic Tags
Studying

Читање би вам помогло у разумевању различитих тема



Вежбање


Са учењем, вежбање је неопходна ствар у учењу

Излаз:

10.

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

Шифра:

У целом овом тексту који сада пишем желим да обележим овај текст

Излаз:

11.

Ова ознака садржи додатне детаље о којима корисници могу сакрити било које детаље по својој жељи. Кроз ову ознаку корисници могу отворити / затворити било који садржај који им је потребан. Ако желимо да та ознака открије њене детаље на самом старту, тада се може користити атрибут „опен“.

Испод је мали пример истог:

Шифра:

Да ли се ово приказује?

Излаз:

Па, који би био излаз ако не бисмо користили отворен атрибут?

Да ли се ово приказује?

Излаз 1:

Излаз 2:

12.

Ова ознака се користи унутар ознаке детаља. Под ознаком детаља можемо имати ознаку сажетка која одређује целокупни резиме веб странице или ХТМЛ документа. Важна ствар која се овде мора приметити је да је сажетак ознака прва подређена ознака која мора да се нађе под ознаком детаља. Доносимо мали пример у наставку:

Шифра:



Have written this inside summary tag which is inside details tag

Овај текст се налази само под ознаком детаља

Овај текстуални подаци се пишу по завршетку ознаке детаља

Излаз 1:

У горе наведеном излазу истакли смо стрелицу, јер добијамо свој излаз 2 једном када га проширимо.

Излаз 2:

Ова ознака можда не даје никакву разлику

13.

Ова ознака дефинише датум / време у таквом формату да корисници могу лако да разумеју. Али треба приметити да ова ознака нам можда не даје измењен излаз у многим прегледачима.

Шифра:

Тренутно у ноћи је 23:00.

Излаз:

14.

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

Подаци овде записани приказују се у дијалошком оквиру

Излаз:

15.

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

Шифра:


EDUCBA
Your learning progress is:


EDUCBA
Your learning progress is:


EDUCBA
Your learning progress is:

Излаз:

16.

Ова ознака је за мерење. Ово се такође може искористити за простор који заузимате упитом или употребом простора на диску. Постоји неколико атрибута који ће се користити са овом ознаком. Атрибути су мак, мин и вредност. На основу њихове употребе дефинитивно можемо установити њихову сврху и употребу.

Шифра:


EDCUBA


EDCUBA


EDCUBA

Употреба метра

У стану од 6 спратова, живим на 2. спрату:
2 од 6

Излаз:

17.

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

Шифра:


Само нам је потребна изворна ознака да бисмо дали извор одакле морамо да пренесемо видео садржај на нашу страницу.

18.

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

Закључак

У овом чланку морамо видети много семантичких елемената и њихову употребу у ХТМЛ5. Једна важна ствар која се овде мора приметити је да многе од ових ознака подржавају верзије Интернет Екплорера веће од 9 и хромиране верзије веће од 3. Дакле, наставите са учењем и вежбајте да бисте боље разумели употребу ознака у ХТМЛ 5.

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

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

  1. Топ 10 ХТМЛ5 нових елемената
  2. ХТМЛ5 тагови
  3. ХТМЛ5 веб радници
  4. Различите врсте ХТМЛ догађаја

Категорија:

Развој софтвера