Разлика између ДИВ и СПАН

и су ХТМЛ тагови који дефинишу елементе у ХТМЛ коду.

ХТМЛ (Хипертект Маркуп Лангуаге) је структурирани код који се користи за прављење и приказивање веб страница које свакодневно посећујемо на мрежи на било ком уређају.

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

Разумевање ХТМЛ-а

Језик за опис хипер-текста (ХТМЛ) је широко кориштен означни језик и односи се на структуру и код „иза“ веб странице, приказану у веб претраживачу.

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

Конзорцијум Ворлд Виде Веб (В3Ц) [и] препознаје ХТМЛ као формални означни језик у изради веб страница, и самим тим ХТМЛ подржава већина прегледача. Дакле, веб странице се могу развити на препознатљивом језику, лако их тумаче различити претраживачи како би страница постала онако како је то дизајнер замислио..

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

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

Каскадне таблице стилова (ЦСС) постаје саставни део стварања динамичних и брзих страница. То је засебна датотека која дефинира атрибуте за сваки елемент попут фонта, боје, поравнања - тако да програмер не мора назначити стил елемента сваки пут када се користи у ХТМЛ коду.

Основна структура ХТМЛ-а

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

ХТМЛ страница има структуру дефинисану елементима (која се такође називају и ознакама). При писању ХТМЛ кода ови се елементи приказују у паровима - што значи да је свакој ознаци потребно отварање и затварање. Почетак и крај.

Елемент се отвара синтаксом: и затворена са.  Тхе / нагибна линија означава крај дефиниције тог елемента.

Атрибути и садржај елемената су дефинисани између те две тачке.

Тхе минимални елементи потребне за ХТМЛ датотеку су дефиниција,, (само ХТМЛ4) и ознаке.

• Дефиниција ДОКТИПА

Дефиниција (ДТД) прво мора бити декларирана као прва ознака у ХТМЛ датотеци, тако да када се страница обрађује, веб претраживач зна о којој се врсти датотеке ради, па стога може правилно интерпретирати и приказати страницу.

У ХТМЛ4 постоје варијације ДТД-а (овисно о атрибутима и елементима странице), али ће и типичнији наводи бити обухваћени као:

или

ДТД у ХТМЛ5 је много једноставнији:

· ХТМЛ, ГЛАВА и ТЕЛО

• Ознака означава да је то ХТМЛ датотека и да је то коријен ХТМЛ елемента који садржи све остале наредне елементе дефиниране у њој; и укључујући језички атрибут препоручује се као најбоља пракса; на пример:

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

ХТМЛ Елементи

ХТМЛ5 је произвео нове елементе за лакши развој и дизајн, а такође је уклонио елементе који се користе у ХТМЛ4. Листу разлика између ХТМЛ4 и ХТМЛ5 објављује конзорцијум Ворлд Виде Веб (В3Ц) [ии].

ХТМЛ ДИВ ТАГ

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

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

Са приступачношћу веб страница и оптимизацијом претраживача, технике постају прилично наука и ВЦ3 их препоручује да се не враћају увек на ХТМЛ5.

Као пример уредно структурираног, али једноставног формата блога, размотрите нове ХТМЛ5 елементе са ЦСС-ом уместо да користите елемент; користите елемент за главни садржај, елемент да бисте истакли или одвојили било који садржај на страници, заглављу или подножју (било где!), а елемент се може користити за држање веза са менијима или групама за прегледавање са странице.

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

Стварајући сваки елемент (са сопственим ид-ом или класом), ЦСС датотека може се дефинисати да манипулише са свим елементима.

ХТМЛ пример испод показује пример коришћења више елемената:

Моји примери

Елементи могу имати различите атрибуте, конкретно различите величине за реактивну интеракцију у зависности од величине екрана уређаја који се користи.

Ево примера како се сваки елемент може стилизовати у одговарајућој ХТМЛ ЦСС датотеци - референцирањем сваке ознаке.

#Хеадер

ширина: 800пк;

висина: ауто

маргин-лево: ауто;

маргин-лево: ауто;

#Изабран

висина: 150пк;

Боја позадине: #ЦЦЦ;

ХТМЛ СПАН ТАГ

Елемент је инлине елемент и не пробија се у линије осим ако није прелом
употребљава се ознака и дефинисани текст (садржај) између отворених и затворених ознака приказује се као линија (подразумевано без употребе других елемената).

Елементи уметања су текстуални елементи у ХТМЛ датотеци и могу се дефинисати у линији другог елемента.

Као, елемента нема значење за оптимално референцирање. У основи приказује садржај елемента какав јесте, али све инстанце се могу дефинисати у ЦСС-у за стилизовање ако су исправно означене и обогаћене другим атрибутима или манипулиране ЈаваСцрипт-ом.

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

Да бисте отворили пример, кликните на икону при дну странице.

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

Имајте на уму да нема разлике између ХТМЛ4 и ХТМЛ5.