ХТМЛ5 стандард је финализиран и објављен 2014. године, а то је оно што би требао бити ХТМЛ када је прва верзија покренута свих тих година. ХТМЛ 2.0 био је први прави 'стандард', објављен чак 1995. Две године касније објављен је ХТМЛ 3. Две године касније, уведен је ХТМЛ 4.01 и од тада је радни коњ интернета.
Први „радни нацрт“ ХТМЛ5 представљен је још 2008. године, а тада је била изненађујуће широка подршка прегледача. ХТМЛ5 који данас знамо увелико се разликује од ХТМЛ-а из прошлости, а овде ћемо разговарати о томе шта се најновији стандард променио са његовим издањем. Откад је ХТМЛ5 лансиран, он је широко прихваћен и све његове функције и могућности сада подржавају сви главни прегледачи. Ту и тамо још увијек постоји неколико штуцања, али укупни ХТМЛ5 добро се уклопио са модерним интернетским искуством.
Као веб програмер, могли бисте бити стари професионалац који је савладао старије стандарде или новорођенче радознало гледајући развој нових стандарда у страну. У сваком случају, на крају морате прећи на ХТМЛ5.
ХТМЛ Вс ХТМЛ5 Инфограпхиц
Први корак преласка на ХТМЛ5 или учење је разумевање разлике између старијег и најновијег. Ево неких кључних разлика између ХТМЛ-а и ХТМЛ5:
-
ХТМЛ5 је живи језик
ХТМЛ5 је живи језик, посао у току. Невероватно је видети шта ХТМЛ5 може да учини, али је такође важно знати да ХТМЛ5 није у потпуности стандардизована верзија попут ХТМЛ4, стара више од десет година и постављени стандард, непроменљив.
Ако улазите у ХТМЛ5, мораћете да извршите неке исправке. Атрибути и елементи се додају и редовно мењају сваке године. То такође зависи од тога колико користите богате елементе, али дефинитивно је један од ризика повезаних са коришћењем течног, промене језика као што је ХТМЛ5.
-
ХТМЛ5 је једноставнији
Иако ХТМЛ5 има ризике попут сталних ажурирања, обично је лако пратити промене и исправке због једноставније синтаксе у поређењу са ХТМЛ4. На пример, на почетку странице имате врло једноставну декларацију да бисте је поставили као ХТМЛ5 страницу:
Једноставна Доцтипе декларација једно је од поједностављења направљених у ХТМЛ синтакси, а компатибилна је са свим верзијама ХТМЛ4-а и све до КСХТМЛ1. Међутим, ХТМЛ5 није компатибилан са СГМЛ-ом.
Препоручени курсеви
- Бесплатна обука за програмирање Питхон-а
- Бесплатни курс за тестирање софтвера
- Бесплатни течајеви програмирања Јава
- Комплетан ПЕРЛ курс
-
Нови елемент
ХТМЛ5 долази са великим бројем нових елемената и елиминира неколико других (о којима ћемо причати мало времена), али један од његових кључних елемената је што је у великој мери утицало на употребу Адобе Фласх-а на веб локацијама. Иако је Фласх још увек у употреби на неколико веб локација, ХТМЛ5 су многи усвојили и многи људи мисле да ће то временом Фласх учинити застарелим. Само ће време то одлучити; до тада, ХТМЛ5 каскадни елемент показао се као добра алтернатива Фласх-у.
Елемент се може користити за цртање графике различитих облика и боја путем скриптирања, обично ЈаваСцрипт. Елемент је једноставно контејнер за графику; за дефинисање графике морате користити скрипту. Платно је подразумевано правоугаоно подручје без садржаја или обруба. Тржиште је тако:
Важно је да одредите атрибут ид, као и ширину и висину за дефинисање величине платна. Можете додати атрибут стила да бисте дефинисали границе.
Можете користити и ЈаваСцрипт, као што је следећи пример:
вар ц = доцумент.гетЕлементБиИд ("миЦанвас");
вар цтк = ц.гетЦонтект ("2д");
цтк.филлСтиле = "# ФФ0000";
цтк.филлРецт (0, 0, 150, 75);
-
Ново и Елементи
Још један велики додатак који долази са ХТМЛ5 су нови и елементи, што указује на нову анатомију веба. С овим новим ознакама више нема потребе за идентификацијом два елемента помоћу ознаке.
Спецификације дефинирају елемент заглавља као скуп групе "навигацијских" или "уводних" помагала. Као такав, елемент се може користити за дефинисање увода у део странице или у целу страницу. Ево исјечка кода који користи елемент заглавља.
Наслов
Аутор Писао у Веб 2.0
Тело текста
ХТМЛ5 спецификације односе се на подножни елемент који представља "подножје за садржај најближег претинца који се налази или коријенски елемент одјељка" и обично садржи информације о одјељку, попут имена аутора, података о ауторским правима, веза до докумената и тако даље.
Логично је да се подножје налази на дну веб странице. Али такође се може поставити на крај одељка странице. Ево неколико примера кодирања који користи елемент подножја:
Наслов садржаја
Аутор Писао у Веб 2.0
Тело текста.
Ознаке: Команда, компас, ЦСС, Сасс, терминал
10 лајкова
Овде у подножју се налазе ознаке поста и порука „Фејсбук воли“.
-
Елементи и елементи
Да сте прошли кроз горе наведене примере приметили бисте још неколико нових елемената, попут. Овај елемент, заједно са елементом, омогућава вам да обележите одређене одељке свог изгледа и изузетно је користан за оптимизацију претраживача. Елемент чланка је одређен тако да представља самосталну компоненту веб странице коју треба независно поново употребити или дистрибуирати. То могу бити новине, форуми, чланци из часописа, уноси у блог или било шта друго.
Елемент чланка обично има свој наслов у елементу заглавља, а можда чак и подножје, као што сте видели у горњем примеру. Елемент можете једноставно замислити као унос у блог или самостални део садржаја; шкакљив део је идентификовање онога што је независно. Једноставно речено, независни садржај је онај који има смисла сам по себи.
Добар начин да сазнате да ли је део садржаја независан је постављањем питања да ли има смисла у РСС фееду. Чланци блога и статичке странице имају смисла, а неке веб локације имају феедове коментара. Али одломак у чланку не би имао никаквог смисла одвојен од остатка садржаја. Овде је исјечак кода са подножјем и објавом ознака.
Наслов садржаја
Објављено: 24.02.2016
Тело текста
Цреативе Цоммонс Аттрибутион-СхареАлике лиценца
Елемент секције, према В3Ц спецификацијама, представља „генерички одељак“ апликације или документа. Могло би се збунити са ознаком, тако да одмах рашчистимо збрку. Ознака одјељка користи се када садржај унутар ње мора бити групиран одвојено од остатка странице с једном темом, а када би га требало видјети као унос у обрису странице. Елемент див, међутим, наведен је као 'генерички контејнер', што значи да није одвојен од саме главне странице, осим сопствених наслова, језика и атрибута класе.
-
Нови и елементи
Нови и елементи ХТМЛ5 део су спецификације Интерактивних елемената, али су међу елементима који најмање говоре од стране програмера. С обзиром на чињеницу да се веб променио у више текстова повезаних страница и докумената, ови елементи су добродошли додатак за већу интерактивност на мрежи.
Елемент се не сме мешати са елементом који је дефинисан као ХТМЛ навигациона ознака која представља блок за навигацију по страници. Обично садржи линкове за кориснике који могу прескочити одјељке унутар странице или до друге странице. С друге стране, ознака менија представља команде менија за једноставност у десктоп и мобилним апликацијама. Ево примера елемента у деловању:
Здраво Свете
У међувремену, елемент је још један начин слагања слика и текста. Користи се заједно са елементом за обележавање илустрација, дијаграма и фотографија. Сљедеће је кратки исјечак кода који садржи оба елемента у акцији.
-
Нови и елементи
Ово су два главна додатка ХТМЛ5 стандарда. Аудио ознака, попут видео ознаке, омогућава програмерима да уграде музику и звук на своју веб локацију. За разлику од претходног стандарда, ви нисте ограничени на додавање миди музике, мада постоје одређена ограничења у вези са типом датотека које се користе. Већина претраживача повезаних са Вебкитом подржава редовне МП3 датотеке, али други подржавају само ОГГ формат. Добра вест је да постоје тона претварача датотека и једноставно можете да обезбедите две верзије аудио датотеке; права верзија ће бити аутоматски покупљена.
Аудио ознаку можете користити као и било који други елемент. Ево пример исечка:
Звучна ознака такође има низ атрибута за додатне контроле, укључујући атрибуте догађаја, а догађаји укључују догађаје на прозорима, догађаје у облику медија, догађаје у медијима и догађаје миша. Видео елемент такође има бројне атрибуте садржаја, укључујући СРЦ, глобалне атрибуте, петљу, контролу, предналагање и постер. Атрибути СРЦ, петље, аутоматске репродукције и контроле прилично су саморазумљиви и исти су за све елементе медија, док су глобални атрибути заједнички за све елементе. Они укључују дир, скривени, контекстни мени и још много тога.
Постоји неколико других мултимедијалних атрибута и елемената који долазе са ХТМЛ5, као што је елемент који пружа текстуалне записе за видео елемент.
-
Нови облици
ХТМЛ5 сада долази са формом и елементима. Ако не планирате да користите многе табеле на страници, такође можете уклонити атрибут и погледати измене извршене пре него што кренете напред.
-
Нема више елемената
То значи да сви атрибути који програмерима омогућавају да направе савршено постављену, затамњену табелу, попут обруба, бгцолор-а, поравнања, висине, правила и још много тога. Сви ови атрибути су замењени ЦСС-ом.
-
Нема више, и
Ово је сјајно за оне програмере који су радили у ХТМЛ-у до раних дана. Атрибути оквира, оквира и оквира без оквира су у потпуности уклоњени, заједно са другима као што су трептај, основни фонт и још много тога. Морат ћете управљати без употребе табела за изглед. Табеле су и даље део ХТМЛ5-а, али више нису намењене пикселима. Спецификације кажу да се таблице не смију користити за помоћ при изгледу и за контролу изгледа странице.
Закључак
Као што јасно видите, у ХТМЛ5 се мења много измена и требате га користити пажљиво и опрезно. Такође морате да ажурирате своје знање о језику, јер се с временом мења и добија више ажурирања. Морате зауставити употребу елемената које је ХТМЛ5 уклонио из себе и користити нове ХТМЛ5 елементе који ће дефинитивно остати, попут ознака заглавља или подножја |
Оно што сте видели изнад је управо поједностављена верзија колико промена је ХТМЛ5 извршио њеним покретањем. Али будимо искрени овде; нема ничег једноставног или спорог у начину на који се усваја ХТМЛ5, а нови стандард додаје пуно могућности које су кључне за модерно корисничко искуство. Морате бити у току са новим језиком и такође научити неки ЦСС, који има већу улогу него раније.
Добра ствар ових промена је да, иако су велике, оне су на боље и то разумију све заинтересоване стране. Прегледници ће бити снажнији док се крећу ка облаку, са могућношћу да сами рукују више. Са стварима као што је Ајак, с уграђивањем видео и аудио записа и тако даље, биће много лакше једноставно се кодирати на једноставан начин и омогућити претраживачу да преузме велику дужност. На пример, нови елементи структуре као што су слика, подножје, сажетак и одсек односе се на структуру документа и приказивање је препуштено претраживачу.
Повезани чланци:-
Ево неколико чланака који ће вам помоћи да сазнате више детаља о ХТМЛ-у у односу на ХТМЛ5 па само прођите кроз везу.
- ХТМЛ и КСМЛ
- ХТМЛ5 вс Фласх Топ 9 разлика (уз Инфограпхицс)
- ХТМЛ вс КСХТМЛ
- ХТМЛ5 вс Фласх
- Невероватне разлике ХТМЛ5 у односу на ЈаваСцрипт
- 10 сјајних корисних савета о програмирању Питхон-а (трикови)