Кључ Разлика - див вс распон
 

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

САДРЖАЈ

1. Преглед и кључне разлике
2. Шта је див
3. Шта је распон
4. Сличности између дива и распона
5. Упоредна упоредба - див у распону у табеларном облику
6. Резиме

Шта је див?

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

ознака се користи за одломке. Тхе

,

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

Ово је одломак

.

Слика 01: ХТМЛ5

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

, ,

---

и .

Ознака див је такође елемент нивоа блока у ХТМЛ-у. Синтакса је следећа.

Здраво Свете!

Елементи див је контејнер за друге елементе. Због тога се скуп елемената може упаковати у елемент див. Када се користи са Цасцадинг Стиле Схеет (ЦСС), див таг се може користити за обликовање блока садржаја. Погледајте доњи део кода.

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

Шта је распон?

За разлику од елемената на нивоу блока, инлине елементи не почињу на новој линији. Потребна је само потребна ширина. Неки примери уграђених елемената су , ,
и .

Ознака спан је такође инлине елемент у ХТМЛ-у. Синтакса је следећа.

Здраво Свете!

Слика 02: ознака див и спан

Ознака спан користи се као спремник за неки текст. Ова ознака се такође може користити са ЦСС-ом. Стога се део текста може стилизовати. Погледајте доњи пример. 'Параграф1' се налази унутар ознаке спан. Боја се додаје помоћу атрибута ЦСС стила.

Ово је параграф 1

Које су сличности између див-а и спан-а?

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

Која је разлика између див и распона?

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

Резиме - див вс распон 

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

Преузмите ПДФ датотеку див вс спан

Можете преузети ПДФ верзију овог чланка и користити је за оффлине употребу према напомени. Молимо преузмите ПДФ верзију овде: Разлика између див и распона 

Референце:

1.туториалспоинт.цом. "ХТМЛ блокови." Тачка, доступна овде  
2.ХТМЛ Блок и уграђени елементи. Доступно овде 

Љубазношћу слике:

1.'ХТМЛ5 логотип и речник 'Б3 В3Ц, (ЦЦ БИ 3.0) преко Цоммонс Викимедиа