Пре учења ХТМЛ-а у односу на ХТМЛ5, научимо:
Шта је означни језик?
Означни језик је системски дизајн за означавање документа на такав начин да се може синтаксички разликовати. Користи ознаке за дефинисање елемената. Означни језици садрже фразе и речи на енглеском језику. Стога их је лако прочитати. Означни језици су дизајнирани посебно за обраду, дефинисање, као и презентацију текста.
У овом упутству за ХТМЛ вс ХТМЛ 5 научићете:
- Шта је означни језик?
- Шта је ХТМЛ?
- Шта је ХТМЛ5?
- Структура ХТМЛ-а
- Структура ХТМЛ5
- Карактеристике ХТМЛ-а
- Карактеристике ХТМЛ5
- ХТМЛ Вс ХТМЛ5
- Предности ХТМЛ-а
- Предности ХТМЛ5
- Мане ХТМЛ-а
- Недостаци ХТМЛ5
Шта је ХТМЛ?
ХТМЛ је језик који се користи за Ворлд Виде Веб. То је стандардни језик за форматирање текста који се користи за креирање и приказивање страница на Интернету.
ХТМЛ датотеке се састоје од две ствари: 1) садржаја и 2) ознака које га форматирају за правилан приказ на страницама. Могу га користити технологије попут Цасцадинг Стиле Схеетс (ЦСС) и скриптни језици као што је ЈаваСцрипт. Пуни облик ХТМЛ-а је језик за означавање хипертекста. Такође је познат као ХТМЛ в 1.0 и прва је итерација ХТМЛ маркирања.
Шта је ХТМЛ5?
ХТМЛ5 је пета верзија ХТМЛ верзије 1.0 са подршком за више ознака и функција. Технички се то назива ХТМЛ верзија 5.0, али се у колоквијалном називу зове ХТМЛ5.
Најновија верзија прегледача као што су Сафари, Опера, Цхроме и Фирефок подржава све већине свих карактеристика ХТМЛ5. Веб програмер може да користи ХТМЛ5 за развој веб локација са фотографијама, веб форума и напредних апликација за мапирање. Пун облик ХТМЛ5 је језик за означавање хипертекста 5.
Структура ХТМЛ-а
Ево структуре ХТМЛ-а:
Guru99 Home Best Tutorials on Planet
Paragraph
Структура ХТМЛ5
Ево структуре ХТМЛ5:
HTML5 Title
Карактеристике ХТМЛ-а
- Независни језик од платформе.
- Није језик осетљив на велика и мала слова.
- Помоћу каскадних табела стилова можете да контролишете боје, фонтове, као и позиционирање.
- Можемо да правимо табеле.
- Побољшајте презентацију странице помоћу ХТМЛ елемента.
- Омогућава вам да развијете веб страницу помоћу ознака.
- Користите графику и такође приказујете текст у разним фонтовима, величинама и бојама.
- Помаже вам у стварању хипервеза за навигацију до различитих докумената који су присутни на мрежи.
- Можете приказати податке у табеларном формату.
- Направите више од једног прозора на веб страници за приказ података из више извора у различитим прозорима.
Карактеристике ХТМЛ5
- Подржава локално складиштење
- ХТМЛ5 има нове елементе који се односе на садржај, попут, <хеадер>, <фоотер>, <артицле>, <сецтион>, <нав> итд.
- Нуди нове контроле образаца, као што су датум, календар, време, УРЛ, е-пошта и претрага.
- Елемент <цанвас> за цртање 2Д дијаграма
- Подршка за ЦСС3, новију и верзију ЦСС-а.
- Пружа медијску подршку.
- Елемент фигуре може се комбиновати са елементима да би лако повезао натпис са осталим елементима слике.
- Велике количине података можете да складиштите локално, без утицаја на перформансе веб локације.
- ХТМЛ је способан за обраду нетачне синтаксе.
ХТМЛ Вс ХТМЛ5
Ево разлика између ХТМЛ-а и ХТМЛ5:
ХТМЛ | ХТМЛ5 |
ХТМЛ Доцтипе изјава је дугачка. | ДОЦТИПЕ декларација у ХТМЛ5 је једноставна. |
ХТМЛ кодирање знакова је дуже. | ХТМЛ5 изјава о кодирању знакова је једноставна. |
Аудио и видео нису ХТМЛ делови. | Аудио и видео су ХТМЛ5 део. |
Могуће је нацртати вектор уз помоћ других технологија попут Силверлигхт, Фласх, ВМЛ итд. | Векторска графика је део ХТМЛ5, нпр. Платно, СВГ. |
Немогуће је добити стварну геолокацију особе која претражује било коју веб страницу. | ЈС Геолоцатион АПИ у ХТМЛ5 вам омогућава да идентификујете локацију корисника који прегледава било коју веб страницу. |
ХТМЛ нуди локално складиште уместо колачића. | ХТМЛ5 користи колачиће за чување података. |
У ХТМЛ-у није могуће цртати основне облике. | У Хтмл5 је могуће цртати основне облике. |
Омогућава вам покретање ЈаваСцрипт-а у прегледачу. | Омогућава вам покретање ЈаваСцрипт кода у позадини. |
ХТМЛ можете користити са свим старим прегледачима. | ХТМЛ5 можете да користите са свим новим прегледачима. |
Кеш меморију прегледача можете користити као привремено складиште. | Кеш апликације (базе података и веб складишта) можете користити као привремено складиште. |
Веб соцкет није доступан. | Можете успоставити фулл-дуплек комуникационе канале са сервером помоћу Веб сокета. |
Не постоји поступак за руковање структурно нетачним ХТМЛ кодовима. | ХТМЛ5 подржава трајно руковање грешкама кроз импровизовани поступак руковања грешкама. |
ХТМЛ је мање прилагођен мобилним уређајима. | ХТМЛ5 је прилагођен мобилним уређајима. |
Атрибути попут асинц, цхарсет и пинг нису присутни у ХТМЛ-у. | Атрибути асинц, пинг, цхарсет и део су ХТМЛ5. |
ХТМЛ не дозвољава ефекте повлачења и испуштања | ХТМЛ5 омогућава превлачење и испуштање ефеката. |
Понудите нове атрибуте као што су табинек, ид, табинек итд. | То су одређени атрибути који се примењују на ХТМЛ 5 елементе. |
Предности ХТМЛ-а
Ево предности / предности ХТМЛ-а:
- Једноставан за употребу за развој веб страница
- Напорно направите веб документ
- Помаже вам у навигацији унутар веб страница и између веб локација које се налазе на различитим серверима.
- У ХТМЛ-у можете поставити упите да бисте користили слике које одговарају природи.
- Корисник не може да сачува податке прегледача који се задржавају током свих сесија.
- Једном када се подаци сачувају у прегледачу, програмер може даље размишљати како би апликација функционисала.
Предности ХТМЛ5
Ево предности / предности ХТМЛ5:
- Има могућности попут великог скупа нових АПИ-ја у вези са системом датотека, складиштењем на страни клијента, руковањем догађајима и још много тога.
- Лако је направити нову интерактивну веб страницу.
- Будући да ХТМЛ5 има прагматичан приступ, можете без напора да решите проблеме из стварног света.
- Поједноставио је Доцтипе и скуп знакова.
- ХТМЛ5 нуди елементе попут <детаилс>, <диалог>, <марк> и још много тога.
- Побољшао је веб обрасце новим атрибутом за ознаку <инпут>.
- ХТМЛ5 даје постојану локалну меморију како би се постигло без прибегавања било којим додатним компонентама.
- Има ВебСоцкет, која је комуникациона технологија следеће генерације за развој веб апликација.
- ХТМЛ5 уводи догађаје који се називају такозваним Сервер-Сент Евентс (ССЕ).
- Поједностављено је означавање
- Подршка дводимензионалне површине за цртање коју можете програмирати помоћу ЈаваСцрипт-а.
- ХТМЛ5 вам омогућава да креирате сопствени речник.
- Можете да креирате сопствену прилагођену семантику.
- Превуците и испустите ставке са једног места на друго место на истој веб страници.
- Подржава бројне видео записе.
- ХТМЛ5 је побољшао искуство веб апликација помоћу АПИ-ја попут видљивости, снимања медија, целог екрана итд.
Мане ХТМЛ-а
Ево недостатака / недостатака ХТМЛ-а:
- ХТМЛ не помаже у стварању динамичких страница. Може да креира само обичне странице.
- Можда ћете морати да напишете дугачки код за прављење једноставне веб странице.
- Сигурносне функције нису добре у ХТМЛ-у.
- Потребно је време да се развије било шта што чак подсећа на веб страницу.
- ХТМЛ није флексибилан попут осталих софтвера за развој веб страница попут Дреамвеавер-а.
- Не следи централизовани приступ. Морате посебно уредити веб странице.
Недостаци ХТМЛ5
Ево недостатака / недостатака ХТМЛ5:
- За то су потребни савремени прегледачи.
- Постоје проблеми везани за лиценцирање медија.
- Вишеструка реакција уређаја може бити главобоља.
- Језик ХТМЛ5 је још увек у току.
- Игре се боре са ЈаваСцриптом под ХТМЛ5.
- Не постоје добри ИДЕ-ови који су доступни у ХТМЛ5.
КЉУЧНЕ РАЗЛИКЕ:
- ХТМЛ Доцтипе декларација је дуга, док је ДОЦТИПЕ декларација у ХТМЛ5 једноставнија.
- Аудио и видео нису ХТМЛ делови, док су аудио и видео ознаке подржане у ХТМЛ5.
- У ХТМЛ-у, Веб Соцкет није доступан, с друге стране, у ХТМЛ5 можете успоставити фулл-дуплек комуникационе канале са сервером помоћу Веб Соцкетс-а.
- ХТМЛ је мање прилагођен мобилним уређајима, док је ХТМЛ5 прилагођен мобилним уређајима.
- Немогуће је добити стварну геолокацију особе која претражује било коју веб локацију у ХТМЛ-у, док ЈС Геолоцатион АПИ у ХТМЛ5 омогућава да идентификујете локацију корисника који прегледава било коју веб страницу.