Përdorimi i HTML5. HTML5 me fjalë të thjeshta

HTML5 është zhvilluar në mënyrë aktive gjatë viteve të fundit. Një gjuhë inovative e shënjimit të hipertekstit duhet të zgjidhë menjëherë të gjitha problemet dhe çështjet që lidhen me hartimin dhe zhvillimin e faqeve të internetit.

E vërtetë, më parë momentin e fundit nuk kishte asnjë njoftim se puna kishte përfunduar dhe se ishte arritur një rezultat i suksesshëm. Për të kuptuar më mirë se çfarë është HTML5, është e dobishme të shikoni prapa në histori dhe të analizoni rezultatet e fazave të mëparshme të kërkimit për kodin e përsosur. Pavarësisht punës së papërfunduar, gjithnjë e më shumë faqe HTML5 po shfaqen.

HTML1 dhe HTML2

Versionet e para ishin shumë të papërsosura, dhe gjithashtu jo të standardizuara. Secili stilist e shkroi kodin ashtu siç mendonte më mirë. Prandaj, faqet shpesh shfaqeshin në mënyrë joadekuate në lloje të ndryshme shfletuesish. Prandaj, këto gjuhë u braktisën shumë shpejt.

HTML3.0

Versioni i tretë kishte fituar tashmë një format të caktuar uniform dhe bëri të mundur krijimin e faqeve të internetit me cilësi të mirë. Megjithatë, kishte edhe probleme serioze. Për shembull, në HTML3, i gjithë formatimi dhe shtrirja u krye brenda vetë kodit të faqes.

Faqja përmbante grafika dhe skripta. Kjo rriti shumë peshën e faqeve të internetit dhe ngadalësoi seriozisht ngarkimin e faqes. Gradualisht, ideja e një faqe interneti cilësore u zgjerua ndjeshëm. Kërkohej shumë më tepër ndërveprim dhe aftësi mediatike. Përdoruesit e internetit janë bërë shumë më kërkues ndaj aftësive të një projekti në internet.

HTML4.1

Konsiderohet si opsioni më i përsosur. I gjithë formatimi i brendshëm u transferua në fletë stilesh kaskadë, duke punuar në parimin e stileve në MS Word. Përveç kësaj, ishte zakon që tabelat të zhvendoseshin jashtë faqeve dhe t'i vendosnin ato në drejtori të veçanta. Zbatimi i CSS rezultoi në pajtueshmëri pamjen faqet në shfletues sipas ideve të webmasterit.

Grafik dhe elementet e softuerit. E gjithë kjo çoi në një reduktim të ndjeshëm të peshës së kodit dhe faqeve më të shpejta. Njerëzit e pëlqenin këtë situatë edhe më parë sot Shumica e sajteve janë bërë në HTML4.1.

XHTML dhe DHTML

Përpjekje mjaft të dyshimta për t'i bërë faqet më standarde dhe dinamike. Kompleksiteti i kodimit dhe ashpërsia e tepruar e gjuhës nuk kontribuan në miratimin e gjerë të këtyre versioneve.

Origjina e HTML5

U shfaq kompjuterët celularë, ekranet janë bërë të ndjeshme ndaj prekjes. Për më tepër, çdo prodhues instalon një sistem operativ në pajisjet e tij zhvillimin e vet. Përdoruesit janë mësuar të përdorin kompjuterët jo vetëm si një makinë shkrimi elektronike, por si media multifunksionale dhe qendra argëtimi. Komunikimi nëpërmjet video-telefonisë në internet është kthyer në një fenomen masiv.

Prandaj, nga kodi i ri kërkoheshin kushte moderne.

Siguroni një ekran identik ndër-platformë në të gjitha llojet e shfletuesve.

Faqja duhet të jetë njëlloj e lexueshme në desktop, smartfonë dhe tableta të çdo prodhuesi.

Gati për prekje për kompjuterin celular.

Aftësia për të luajtur video pa përdorur Flash player. Shumë tableta nuk e mbështesin fare këtë teknologji.

Mundësia për të hapur dokumente në formate të ndryshme pa aplikacione shtesë që duhet të instalohen në kompjuterin tuaj.

Rritja e performancës së faqes në internet. Kjo është veçanërisht e rëndësishme për internetin celular, i cili ofron shpejtësi më të ulëta.

Bëjini faqet e internetit dinamike dhe interaktive. Përdoruesi modern dëshiron të komunikojë me një burim në internet pothuajse si një person.

Me pak fjalë, HTML5 duhet të kënaqë shijet më të sofistikuara të përdoruesve dhe të lejojë zhvilluesit të krijojnë lehtësisht faqe interneti të shkëlqyera.

Sa të suksesshme janë përpjekjet për të krijuar gjuhën më të avancuar dhe standarde të hipertekstit? Faqe të tilla mund të bëjnë vërtet shumë. Nëse nuk keni një Flash player, vetë faqja e kupton këtë dhe ju ofron të shikoni video dhe të dëgjoni muzikë duke përdorur aftësitë e tij.

Faqet HTML5 në fakt janë bërë shumë të shpejta. Kur bëhet fjalë për aftësitë dinamike dhe interaktivitetin, shumica e përdoruesve të internetit janë mësuar të përdorin të gjitha këto gjëra të mrekullueshme tashmë në një nivel nënndërgjegjeshëm.

Njerëzit thjesht përdorin objektet teknologjive moderne, pa kujtuar se nuk ka qenë gjithmonë kështu. Është plotësisht e mundur që zhvillimi i zgjatur i HTML5 nuk do të përfundojë kurrë.

Interneti dhe kompjuterët po përmirësohen aq shpejt sa është mjaft e vështirë të parashikohet e ardhmja. Ndoshta aftësitë kompjuterike do të shfaqen për të cilat askush as nuk dyshon sot. Sot telefonimi zanor Teksti duket pothuajse një mrekulli, dhe megjithatë ekspertët parashikojnë se fjalë për fjalë në pesë vjet askush nuk do të përdorë tastierë dhe maus. Ndoshta kompjuterët do të mësojnë të lexojnë mendimet e njeriut dhe të kuptojnë dëshirat e tij.

Të gjithë ju ndoshta keni dëgjuar të paktën diçka për HTML5 - një version i ri i gjuhës së shënjimit të faqeve në Internet. Ai ende konsiderohet të jetë në zhvillim, megjithëse që nga miratimi i tij zyrtar versioni aktual HTML4 ka kaluar më shumë se pesëmbëdhjetë vjet - në fakt, e gjithë koha e zhvillimit aktiv të World Wide Web. Cilat janë avantazhet e HTML5 dhe ndryshimet e tij themelore nga HTML4?

1. HTML5 – qasje e re për të shënuar: multimedia brenda

Ndryshe nga gjuha e shënjimit HTML4 e zhvilluar në vitet nëntëdhjetë, kur edhe përmbajtja relativisht e thjeshtë multimediale ishte shumë "e rëndë" për shumicën dërrmuese të përdoruesve të internetit, në vitin 2004, kur në të vërtetë filloi puna për një version të ri të standardit, shpërndarja audio ishte tashmë në lëvizje të plotë në internet dhe regjistrime video, zyrtare dhe jozyrtare. Është bërë praktikë e mirë që faqet e internetit të postojnë filma dhe video të animuara në faqet e tyre, dhe bloget audio dhe podkastet janë bërë modë.

Sidoqoftë, standardi aktual nuk parashikonte përshkrimin e përmbajtjes multimediale duke përdorur vetë gjuhën: për këtë, u përdor funksioni i futjes së një objekti të caktuar ("objekt"), aftësia për ta riprodhuar atë varej nëse shtojcat shtesë të palëve të treta të pajtueshme me përmbajtje të tillë u instaluan në shfletuesin e klientit.

Kur flasim për shtojca të tilla, para së gjithash nënkuptojmë Adobe Flash, QuickTime ose Real Player dhe Silverlight më pak të zakonshme. Të gjitha këto janë "shtesa", shtesa në shfletues që nuk janë të tyre pjesë integrale dhe duke vepruar si ndërmjetës që konvertojnë përmbajtjen dixhitale të shkarkuar në video dhe zë.

Ky sistem është ende mjaft funksional, por mungesa e standardeve të pranuara përgjithësisht çon në faktin se faqe të ndryshme përdorin teknologjive të ndryshme, shikimi i përmbajtjes së tyre mediatike kërkon shtojca të ndryshme dhe, më e rëndësishmja, meqenëse shtojca të tilla nuk përfshihen drejtpërdrejt në shfletues, ato duhet të instalohen veçmas.

Standardi HTML5, i cili është një kombinim i vetë HTML, si dhe CSS dhe JavaScript, fillimisht zbaton një qasje thelbësisht të ndryshme në të cilën përmbajtja e medias është një pjesë integrale e kodit të faqes. HTML5 siguron një të unifikuar mënyrë standarde përshkrime (sintaksë) të përmbajtjes audiovizive të ngulitura në faqe.

Për të integruar audio ose video në HTML5, ju vetëm duhet të përdorni një grup të thjeshtë etiketash që përshkruajnë llojin e përmbajtjes që synoni të përfshini (“video” ose “audio”) dhe lidhjet e zakonshme me skedarët e medias përkatëse.

Sigurisht, HTML5 ka shumë risi të tjera, por kjo është më e rëndësishmja prej tyre - një ndryshim në qasjen ideologjike.

2. Problemi i përputhshmërisë së prapambetur: fillimisht HTML, më vonë shtojcat

Fatkeqësisht, mbetet një pjesë e konsiderueshme e përdoruesve në botë që kanë instaluar shfletues të vjetëruar, që u përshtatet mirë atyre, por nuk i mbështet të gjitha veçoritë e HTML5. Para së gjithash, ne po flasim për internetin. Versionet e Explorer 8, ende më i popullarizuari për këtë shfletues. Versionet e mëvonshme - IE 9 dhe 10 - mbështesin pothuajse plotësisht HTML5. Sa për Chrome, Opera dhe Safari, ata kanë qenë në gjendje të trajtojnë etiketat "video" dhe "audio" për disa vite.

Megjithatë, për të siguruar përputhshmërinë e prapambetur, HTML5 ruan mbështetjen për përdorimin e shtojcave (etiketa "objekt"), por sipas skemës "HTML së pari, dhe pastaj shtojcat". Kjo do të thotë që shfletuesi duhet së pari të japë faqen duke përdorur etiketat "video" dhe "audio" - dhe vetëm nëse kjo nuk mund të bëhet, përdorni kodin e shtojcës.

Për të siguruar që kjo qasje funksionon siç duhet, mund të përdorni një nga bibliotekat e shumta JavaScript të disponueshme, disa prej të cilave ofrojnë plotësisht të integruara ndërfaqe softuerike(API) për menaxhimin e përmbajtjes HTML dhe objekteve të ngulitura. Midis tyre, në veçanti, mund të përmendim Projekktor ose softuer video player Video.js, duke siguruar përputhshmëri të plotë si me HTML5 ashtu edhe me shfletuesit më të vjetër që përdorin shtojca.

3. Qasje e unifikuar ndaj platformave desktop dhe mobile

Mbështetja për standardin e ri HTML5 ofrohet në pothuajse të gjitha pajisjet moderne celulare, duke përfshirë iOS, Android dhe Windows Phone, që është një tjetër avantazh i rëndësishëm i tij. Uebmaster nuk ka më nevojë të postojë disa versione të përmbajtjes së medias për kompjuterë dhe pajisje celulare "të plota". Dihet se iOS është plotësisht i papajtueshëm me Flash, dhe Android OS është vetëm pjesërisht i pajtueshëm. Në rastin e HTML5, ky problem është hequr plotësisht.

Përveç kësaj, shumë moderne pajisje celulare mbështesin dekodimin e videos harduerike në formatin H.264 të përdorur gjerësisht, i cili përsëri kursen webmasterët nga punë shtesë dhe nevoja për të ngarkuar video në disa kodekë të ndryshëm. Pronarët e pajisjeve të tilla marrin ngarkesë të ulët në sistem dhe kohe e gjate punë autonome.

4. Mbështet formate të ndryshme video dhe audio

Megjithëse HTML5 lejon që skedarët e medias të vendosen në faqet e internetit me etiketa të thjeshta standarde, skedarë të tillë mund të kodohen më së shumti formate të ndryshme dhe një shumëllojshmëri kodekësh. Ndërkohë, nuk ka një kombinim standard të formatit (container) dhe kodikut që do të funksiononte njësoj mirë në të gjithë shfletuesit dhe sistemet celulare.

Kontejnerët më të njohur për video në internet janë AVI, MP4, FLV dhe WebM, dhe ka vetëm tre kodekë kryesorë të "rrjetit" video: H.264, Ogg Theora dhe VP8. Për më tepër, çdo kodek zakonisht (por jo gjithmonë) është më i përshtatshmi për formatin e tij të kontejnerit: H.264 - MP4, Theora - OGG, VP8 - WebV.

Kodeku H.264 kompreson videon me humbje për të prodhuar një skedar Cilesi e larte, Por madhësia e vogël. Në këtë rast, specifikimi parashikon disa profile me cilësi të ndryshme dhe niveli i kompresimit, në mënyrë që skedarët "të lehtë" të mund të transmetohen në pajisje celulare me fuqi të ulët dhe në desktop me akses broadband– video me cilësi më të lartë.

Megjithëse H.264 është një kodek komercial, domethënë përfshin tarifa licencimi, ai është më universali: ka mbështetje të integruar në Internet Explorer, Chrome, Firefox, Safari, iOS dhe Android, dhe mungon vetëm në Opera, ku një video e tillë deshifrohet vetëm përmes një plugin-i të jashtëm.

Kodeku Ogg Theora, i krijuar fillimisht për sistemet Linux, ishte gjithashtu fillimisht komercial, por tani është i licencuar falas. Mbështetja e integruar është e disponueshme në shfletuesit Chrome, Firefox dhe Opera; në Internet Explorer dhe Safari është e disponueshme vetëm përmes shtojcave.

Kodiku VP8 i parë për celularin shpërndahet nga Google sipas kushteve Burim i hapur dhe ofron cilësi të ngjashme me H.264 me më pak kompleksitet dekodimi. Ekziston mbështetje vendase në Chrome, Firefox dhe Opera, si dhe pajisjet celulare Android.

Kështu, për të siguruar riprodhimin e përmbajtjes video pothuajse në të gjitha sistemet ekzistuese, mjafton të ngarkoni skedarë në kontejnerë MP4 në standardin e kodimit H.264 dhe në formatin WebM me kodekun VP8. Meqenëse nga të gjithë shfletuesit modern të desktopit, vetëm Operas i mungon mbështetja e integruar për H.264, kombinime të tilla do të jenë më universalet.

5. Ekziston një dokumentacion publik i gjerë

Megjithëse HTML5 nuk është ende një standard përfundimtar, ai mbështetet nga shumica dërrmuese e shfletuesve modernë dhe pajisjeve mobile. Prandaj, nuk është për t'u habitur që tashmë ekziston një dokumentacion i gjerë publik për zhvilluesit e uebit - b O shumica e të cilave, natyrisht, u botua në gjuhe angleze.

Për më tepër, mjaft libra në HTML5 janë përkthyer tashmë në Rusisht, ndër të cilat, për shembull,

01/27/14 15.5K Hyrje

Unë, një zhvillues i ASP.NET MVC, kohët e fundit isha duke kërkuar një punë dhe gjatë intervistës shumë nga pyetjet që më bënë në lidhje me HTML5 dhe veçoritë e tij.

Kjo është arsyeja pse më poshtë janë 40 pyetje të rëndësishme që do t'ju ndihmojnë të tregoni njohuritë tuaja HTML5.

Këto pyetje nuk janë çelësi i suksesit në kërkimin e punës, por sigurisht që do t'ju ndihmojnë të lundroni në temë.

Kalofshi një gjueti të mirë.

Cila është marrëdhënia midis SGML, HTML, XML dhe XHTML?

SGML (Gjuha standarde e përgjithësuar e shënjimit) është një standard që përcakton shënimin e dokumentit.

HTML është një gjuhë shënjimi që përshkruhet duke përdorur SGML.

Pra, duke përdorur SGML, u krijua një DTD (Definition Lloji i Dokumentit) të cilit i referohet HTML dhe duhet t'i përmbahet. Prandaj, gjithmonë mund të gjeni një deklaratë "DOCTYPE" në fillim të një faqe HTML, e cila përcakton se cilën DTD do të përdorë shfletuesi kur analizon kodin e faqes.

Parimi i kodit duke përdorur standardin SGML u shoqërua me vështirësi të caktuara, kështu që XML u krijua për ta bërë këtë procedurë më të lehtë. XML përdor SGML.

Për shembull, në SGML duhet të përdorni etiketat hapëse dhe mbyllëse, ndërsa në XML mund të përdorni etiketa vetë-mbyllëse që mbyllen automatikisht (për shembull, "" ).

XHML u krijua nga XML dhe u përdor në HTML 4.0. Prandaj, për shembull, në HTML të bazuar në SGML, etiketa
nuk lejohet, por në XHTML lejohet. Ju mund të përdorni një përkufizim të dokumentit XML siç tregohet në shembullin e mëposhtëm:

Me pak fjalë, SGML është në thelb të gjithçkaje. Versionet e vjetra të HTML bazohen në SGML dhe HTML 4.0 përdor XHTML, i cili është ndërtuar në krye të XML. Çfarë është HTML 5?

HTML 5 është standard i ri HTML, qëllimi kryesor që është ofrimi i çdo përmbajtjeje pa përdorimin e shtojcave shtesë si Flash, Silverlight etj. Ai përmban gjithçka që ju nevojitet për të shfaqur animacion, video, të pasura GUI dhe gjera te tjera.

HTML5 është rezultati bashkëpunimi Botëror Konsorciumi i Uebit (W3C) dhe Grupi i Punës për Teknologjinë e Aplikimit të Hipertekstit të Uebit (WHATWG).

Në HTML 5 nuk kemi nevojë për një DTD. Pse?

HTML 5 nuk përdor SGML ose XHTML. Kjo është plotësisht zhvillim i ri, kështu që nuk keni nevojë të referoni DTD. Në HTML 5, ju duhet të përdorni deklaratën e mëposhtme të tipit doc, e cila lejon shfletuesin të identifikojë dokumentin si HTML 5.

Nëse nuk ngjis në dokument, a do të funksionojë akoma HTML 5?
Jo, shfletuesi nuk do të jetë në gjendje ta identifikojë dokumentin si HTML 5 dhe etiketat HTML 5 nuk do të funksionojnë siç duhet.

Cilët shfletues mbështesin HTML 5?

Pothuajse të gjithë shfletuesit, si Safari, Google Chrome, Firefox, Opera, Internet Explorer mbështesin HTML 5.

Si ndryshoi struktura e faqes kur kaloni nga HTML 4 ose versionet e mëparshme në HTML 5?

Në mënyrë tipike, një faqe interneti përmban tituj, një fund, navigacion, përmbajtje trupore dhe një shirit anësor. Pra, kur duam t'i paraqesim këto blloqe në HTML 4 me një emër të përshtatshëm, me shumë mundësi do të përdorim etiketat DIV. Por HTML 5 prezantoi elementë më të qartë për këto blloqe, duke e bërë kodin HTML më të lexueshëm.

Më poshtë është një përshkrim i këtyre elementeve HTML 5 nga shënimi në figurë:

• : Përfaqëson bllokun e titullit të faqes;
• : Fundi i faqes;
• : Elementet e navigimit të faqes;
• : Përmbajtja e faqes kryesore (artikull);
• : Përdoret brenda një artikulli për të ndarë artikullin në seksione;
• : Përfaqëson një bllok anësor të faqes.

Cili është elementi i listës së të dhënave në HTML 5?

Elementi i listës së të dhënave në HTML 5 ndihmon në zbatimin e funksionit të plotësimit automatik në fushën e hyrjes, siç tregohet në imazhin më poshtë:

Më poshtë është kodi HTML për elementin DataList:

Cilat elemente të reja të formës janë futur në HTML 5?

HTML 5 prezanton dhjetë elementë të rinj të rëndësishëm të formës:

• Ngjyrë;
• Data;
• Datatime-lokale;
• Email;
• Koha;
• Gama;
• Telefoni;
• Numri;
• Kërko.

Le t'i shikojmë këto elemente me radhë.

Nëse dëshironi të shfaqni dialogun e zgjedhësit të ngjyrave:

Nëse dëshironi të shfaqni dialogun e kalendarit:

Nëse dëshironi të shfaqni një kalendar me kohën lokale:

Nëse dëshironi të krijoni një fushë të hyrjes HTML me vërtetimin e adresës Email, mund të vendosni llojin e fushës “email”:

Për të kontrolluar URL-në, përdorni llojin "url" siç tregohet më poshtë:

Nëse dëshironi të shfaqni një fushë për futjen e numrave në një gamë të caktuar, përdorni llojin "numër":

Nëse dëshironi të shfaqni një rrëshqitës, përdorni llojin "range":

Dëshironi të krijoni një fushë kërkimi:

Dëshironi të merrni vetëm kohë:

Nëse dëshironi të krijoni një fushë për futjen e numrave të telefonit:

Cili është elementi i daljes në HTML 5?

Elementi i daljes kërkohet kur dëshironi të shfaqni shumën e dy numrave të futur si tekst.

Për shembull, ju keni dy fusha hyrëse dhe dëshironi të shtoni numrat nga këto dy fusha dhe të shfaqni shumën e tyre si tekst.

Më poshtë është një shembull i përdorimit të elementit të daljes në HTML 5:

+ =

Ju mund të zëvendësoni "parseInt" me "valueAsNumber" për thjeshtësi. Ju gjithashtu mund të përdorni atributin "për" të elementit të daljes për të përmirësuar lexueshmërinë.

Çfarë është SVG?

SVG qëndron për grafika vektoriale të shkallëzueshme Grafika vektoriale). Kjo gjuha e tekstit grafika, me të cilën mund të vizatoni imazhe në formën e tekstit, vijave, pikave, etj., gjë që ju lejon të krijoni imazhe që janë të lehta dhe të përpunuara shpejt nga shfletuesi.

A është e mundur të krijoni një imazh të thjeshtë SVG duke përdorur HTML 5?

Le të themi se duam të shfaqim një linjë të thjeshtë siç tregohet në imazhin më poshtë duke përdorur HTML 5 dhe SVG:

Më poshtë është kodi HTML 5. Ju mund të shihni etiketën SVG që mbyll etiketën e linjës që shfaq rreshtin:

Çfarë është një skicë në HTML 5?

Kanavacë është një zonë dokument HTML, në të cilën mund të vizatoni.

Pra, si të vizatoni një vijë të thjeshtë duke përdorur një skicë?

• Përcaktoni zonën e kanavacës;
• Qasja në kontekstin e kanavacës;
• Vizatoni një imazh.

Përcaktimi i zonës së kanavacës

Për të përcaktuar zonën e kanavacës do t'ju duhet HTML tjetër kodi. Ai përcakton zonën në të cilën mund të vizatoni:

Qasja në zonën e kanavacës

Përpara se të filloni të vizatoni në zonën e kanavacës, duhet të merrni një referencë për kontekstin e kanavacës. Më poshtë është kodi për ta bërë këtë:

var c=document.getElementById("mycanvas"); var ctx=c.getContext("2d");

Vizatimi i një imazhi

Tani që keni akses në kontekstin e objektit, mund të filloni të vizatoni në kanavacë. Pra, fillimisht ne thërrasim metodën "lëviz" dhe fillojmë nga pika 10, 10, përdorim metodën "vijë" për të vizatuar një vijë dhe në fund aplikojmë hijezimin në të:

ctx.moveTo(10,10); ctx.lineTo(200,100); ctx.stroke();

Më poshtë është kodi i plotë:

funksioni DrawMe() ( var c=document.getElementById("mycanvas"); var ctx=c.getContext("2d"); ctx.moveTo(10,10); ctx.lineTo(200,100); ctx.stroke() ;)

Ju duhet të merrni një rezultat si imazhi i mëposhtëm:

Cili është ndryshimi midis kanavacës dhe SVG?

Shënim: Nëse shikoni dy pyetjet e mëparshme, do të kuptoni se të dyja kanavacat dhe SVG përdoren për të shfaqur grafikë në shfletues. Prandaj, duke bërë këtë pyetje, intervistuesi dëshiron të dijë se kur do ta përdorni këtë apo atë.

SVG	Kanavacë
SVG funksionon në parimin "vizato dhe mbaj mend". Me fjalë të tjera, çdo figurë e vizatuar me duke përdorur SVG, mbahet mend, mund të manipulohet dhe shfletuesi mund ta tërheqë përsëri.	Kanavacja funksionon në parimin "vizato dhe harro". Pasi të vizatohet diçka, nuk mund të aksesoni ose manipuloni atë imazh.
SVG është i përshtatshëm për krijimin e grafikave si p.sh programet CAD, ku përdoruesi mund të manipulojë imazhin pasi të vizatohet.	Canvas është i mirë për skenarët "vendosni dhe harroni" si animacioni dhe lojërat.
Format i ngadalshëm, sepse ai duhet të mbajë mend koordinatat për manipulimet e ardhshme.	Më shumë format i shpejtë, sepse nuk ka nevojë të mbani mend asgjë.
Ne mund të krijojmë një mbajtës ngjarjesh të lidhur me objektin e vizatuar.	Në këtë rast, ne nuk mund ta lidhim mbajtësin e ngjarjeve me objektet e vizatimit, sepse ne nuk kemi lidhje me to.
Rezoluta e pavarur.	Varet nga rezolucioni.

Si të vizatoni një drejtkëndësh duke përdorur elementë Canvas dhe SVG në HTML 5?

Kodi drejtkëndësh HTML 5 duke përdorur SVG

Kodi HTML 5 për një drejtkëndësh duke përdorur një skicë:

var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,150,100); ctx.stroke();

Kodi i rrethit HTML 5 duke përdorur SV:

Kodi HTML 5 për rrethin duke përdorur skicën:

var canvas = document.getElementById("myCanvas"); var kontekst = canvas.getContext("2d"); var qendërX = kanavacë.gjerësia/2; var qendërY = kanavacë.lartësia / 2; var rrezja = 70; kontekst.beginPath(); kontekst.arc(qendërX, qendërY, rreze, 0, 2 * Math.PI, false); kontekst.fillStyle = "e gjelbër"; kontekst.fill(); konteksti.Gjerësia e linjës = 5; context.strokeStyle = "#003300"; kontekst.stroke();

Manipulimi i një imazhi të vizatuar në SVG:

var timerFunction = setInterval(DrawMe, 20); alarm ("ddd"); funksioni DrawMe() ( rrethi var = document.getElementById ("rrethi1"); var x = rrethi.getAttribute ("cx"); var newX = 2 + parseInt(x); if(newX > 500) (i riX = 20; ) circle.setAttribute("cx", newX); )

Cilat janë përzgjedhësit në CSS?

Zgjedhësit ju ndihmojnë të zgjidhni elementin në të cilin dëshironi të aplikoni një stil. Si shembull, më poshtë është një stil i thjeshtë "intro" që aplikon një ngjyrë të kuqe të sfondit në një element HTML:

.intro (ngjyra e sfondit: e kuqe; )

Për të aplikuar stilin "intro" në element div, ne mund të përdorim atributin "class" siç tregohet në bllokun e mëposhtëm të kodit:

Emri im është Shivprasad Koirala.

Unë shkruaj pyetje në intervistë.

Si mund të aplikoj stilin CSS duke përdorur vlerën e ID?

Le të themi se keni një etiketë paragrafi HTML me id "mytext", siç tregohet në shembullin e mëposhtëm:

Këto janë pyetje HTML që mund të bëhen në një intervistë.

Ju mund të krijoni një stil duke përdorur përzgjedhësin "#" dhe vlerën e vetive "id" për të aplikuar stilet CSS në etiketën përkatëse të paragrafit. Prandaj, për të aplikuar stil në elementin "mytext", ne mund të përdorim përzgjedhësin "#mytext" siç tregohet më poshtë:

#mytext (ngjyra e sfondit: e verdhë; )

Le të hedhim një vështrim të shpejtë në disa përzgjedhës të rëndësishëm

Vendosja e një sfondi të verdhë për të gjithë paragrafët dhe titujt h1:

p,h1 (ngjyra e sfondit: e verdhë;)

Vendosja e një sfondi të verdhë për të gjithë paragrafët brenda një elementi div:

div p (ngjyra e sfondit: e verdhë;)

Vendosni një sfond të verdhë për të gjithë paragrafët që ndjekin elementin div:

div+p (ngjyra e sfondit: e verdhë;)

Vendosja e një sfondi të verdhë për të gjithë elementët me atributin "target":

a (ngjyra e sfondit: e verdhe; ) Pyetje interviste ASP.NET c# pyetje interviste . Pyetje interviste NET me pergjigje

Vendosni fushat e hyrjes që të kenë një sfond të verdhë kur marrin fokus:

hyrje: fokus (ngjyra e sfondit: e verdhë; )

Vendosja e stilit të hiperlidhjeve, në varësi të statusit të tyre:

a:link (ngjyra: jeshile;) a:vizituar (ngjyra: jeshile;) a:hover (ngjyra: e kuqe;) a:aktive (ngjyra: e verdhe;)

Si të përdorni përmbajtje kolone në CSS?

Ndarjet e kolonave në CSS ju ndihmojnë të ndani tekstin tuaj në kolona vertikale.

Për shembull, shikoni artikullin e revistës në imazhin më poshtë, i cili është një tekst i madh që duhet të ndahet në tre kolona me një kufi midis tyre.

Kjo është ajo ku paraqitja e kolonës HTML 5 na vjen në ndihmë.

Për të zbatuar paraqitjen e kolonës, do t'ju duhet të përcaktoni sa vijon:

Në sa kolona duhet të ndahet teksti?

Vetia e numërimit të kolonave përdoret për të përcaktuar numrin e kolonave. Prefikset "webkit" dhe "moz" janë të nevojshme për Shfletuesit Chrome dhe Firefox respektivisht.

Moz-kolona-numërimi:3; /* Firefox */ -webkit-column-count:3; /* Safari dhe Chrome */ kolona-count:3;

Sa hapësirë ​​duhet të bëj midis kolonave?

Moz-kolona-hendek:40px; /* Firefox */ -webkit-column-gap:40px; /* Safari dhe Chrome */ kolona-gap:20px;

Dëshironi të vizatoni një vijë midis kolonave dhe nëse po, sa e trashë?

Moz-column-rule:4px fillimi #ff00ff; /* Firefox */ -webkit-column-rule:4px outset #ff00ff; /* Safari dhe Chrome */ kolona-rule:6px fillimi #ff00ff;

Më poshtë është kodi i plotë shembull:

.magazine ( -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari dhe Chrome */ column-count:3; -moz-column-gap:40px; /* Firefox */ -webkit-column-gap:40px; /* Safari dhe Chrome */ column-gap:20px; -moz-column-rule:4px outset #ff00ff; /* Firefox */ -webkit-column-rule:4px fillimi #ff00ff; /* Safari dhe Chrome */ kolona-rregull: 6px fillimi #ff00ff; )

Më pas mund ta aplikoni këtë stil në tekst duke përdorur atributin "class":

Këtu është teksti juaj që dëshironi ta ndani në 3 kolona:

Na tregoni për model blloku CSS

Blloko Modeli CSSështë hapësira drejtkëndore rreth një elementi HTML që përcakton kufijtë, kufijtë dhe mbushjen.

Kufijtë – përcaktoni zonën maksimale në të cilën do të përmbahet elementi. Mund ta bëjmë kufirin të dukshëm, të padukshëm, të përcaktojmë lartësinë dhe gjerësinë e elementit, etj. Kufijtë – përcaktojnë distancat ndërmjet kufijve dhe elementit.

Indencat - përcaktojnë distancat midis kufijve dhe elementëve ngjitur.

Si shembull, më poshtë është css e thjeshtë kodi që përcakton bllokun dhe vlerat për kufijtë, kufijtë dhe mbushjen:

Pra, nëse e aplikojmë këtë kod CSS në elementin div të dhënë në bllokun e kodit të mëposhtëm, rezultati do të jetë siç tregohet në imazhin më poshtë. Shtova elementet "Disa tekst" dhe "Disa tekst të tjerë" për të demonstruar vetinë "margin".

Disa tekst Disa tekste të tjera

Flisni për disa efekte teksti në CSS 3

Këtu intervistuesi pret që ju të flisni për një nga dy efektet e prezantuara në CSS 3.

Më poshtë janë të dy efektet:

Efekti i hijes së tekstit

Tekst special (tekst-hije: 5px 5px 5px #FF0000; )

Efekti i thyerjes së fjalës:

.fjalë e thyer (fjalë-mbështjellëse: fjalë e thyer;)

Çfarë janë punonjësit e internetit dhe pse janë të nevojshëm?

Konsideroni "të rënda" në vijim për lak që ekzekutohet një miliard herë:

funksioni SomeHeavyFunction() ( për (i = 0; i< 1000000000; i++) { x = i + x; } }

Le të themi se ky kod ekzekutohet kur klikohet një buton Format HTML. Ekzekutimi i këtij funksioni është sinkron. Me fjalë të tjera, shfletuesi do të presë që cikli të përfundojë.

Kjo përfundimisht mund të bëjë që shfletuesi të ngrijë dhe të shfaqë një mesazh gabimi siç tregohet në imazhin më poshtë:

Pra, nëse mund ta vendosnim këtë lak të rëndë në një skedar JavaScript dhe ta ekzekutonim atë në mënyrë asinkrone, atëherë shfletuesi nuk do të duhej të presë që ai të përfundojë dhe ne do të kishim një aplikacion më të përgjegjshëm.

Kjo është ajo për të cilën është menduar teknologjinë e internetit punëtorët, i cili ju lejon të ekzekutoni skedarët JavaScript në mënyrë asinkrone.

Çfarë kufizimesh vendosen në fillin e Web Worker?

Temat e punonjësve të uebit nuk mund të modifikohen Elementet HTML, variablat globale dhe disa veti të dritares si window.location . Ju mund të përdorni lloje të dhënat javascript, XMLHttpKërkoni thirrje dhe më shumë.

Pra, si të krijoni një fillesë të punonjësit të uebit në JavaScript?

Për të krijuar një thread të punëtorit të uebit, ne duhet t'i kalojmë një emër skedari JavaScript te konstruktori Worker.

var worker = punëtor i ri ("MyHeavyProcess.js");

Për të dërguar një mesazh te objekti i punonjësit të uebit, mund të përdorni metodën "postMessage", si në kodin më poshtë:

punëtor.postMessage();

Kur një punonjës i uebit dërgon një mesazh, ne mund ta marrim atë tek telefonuesi duke përdorur ngjarjen "onmessage".

worker.onmessage = funksioni (e) (document.getElementById("txt1").value = e.data; );

Cikli i rëndë vendoset në skedar javascript"MyHeavyProcess.js", më poshtë është kodi i tij.

Kur ky kod dëshiron të postojë një mesazh, ai përdor metodën "postMessage" dhe çdo mesazh i marrë nga telefonuesi merret duke përdorur ngjarjen "onmessage":

var x =0 vetë.onmesazh = funksioni (e) ( për (i = 0; i< 1000000000; i++) { x = i + x; } self.postMessage(x); };

Si të shkatërroni një objekt të punonjësit në internet? Pse ngjarjet e dërguara nga serveri u prezantuan në HTML 5?

Një nga nevojat më të zakonshme në botën online është marrja e përditësimeve nga serveri. Për shembull, në një aplikacion që shfaq raportet e bursës, shfletuesi duhet të marrë rregullisht kuotat më të fundit nga serveri.

Prandaj, për të zbatuar këtë lloj kërkese, zhvilluesit zakonisht shkruajnë një kod tërheqës që dërgon kërkesa në server dhe merr të dhëna nga atje në intervale të caktuara. Kjo vendim i mirë, por bllokon rrjetin me shumë kërkesa dhe gjithashtu shton ngarkesë në server.

Pra, në vend të kërkesave për tërheqje, do të ishte mirë të kishim një lloj zgjidhjeje shtytëse. E thënë thjesht, kur serveri merr një përditësim, ai e shtyn atë te shfletuesit e klientit. Kjo mund të arrihet duke përdorur "NGJARJET E DËRGUARA NË SERVER".

Së pari, shfletuesi duhet të kontaktojë origjinën në server, i cili do të dërgojë përditësime. Le të themi se kemi një faqe "stock.aspx" që dërgon përditësime të aksioneve.

Për të kontaktuar faqen, duhet të përdorim një lidhje me objektin burim të ngjarjes, siç tregohet në kodin më poshtë:

var source = new EventSource("stock.aspx");

Do të na duhet gjithashtu të lidhim një funksion që do të marrë mesazhe kur serveri dërgon përditësime. Për ta bërë këtë, ne duhet të lidhim një funksion me ngjarjen "onmessage", siç tregohet në kodin e mëposhtëm:

source.onmessage = funksion (ngjarje) ( document.getElementById("rezultat").innerHTML += event.data + "
"; };

Më në fund, nga ana e serverit duhet të dërgojmë ngjarje. Më poshtë është një listë Evente të rëndësishme, me komanda që duhet të dërgohen nga ana e serverit.

Për shembull, nëse duam të dërgojmë të dhëna, më poshtë është kodi ASP.NET për ta bërë atë. Ju lutemi vini re se titulli "ContentType" është vendosur në "text/event-stream":

Response.ContentType="text/event-stream"; Përgjigje.Skadon=-1; Response.Write("të dhënat: " + DateTime.Now.ToString()); Përgjigje.Flush();

Për t'i kërkuar klientit të përsërisë kërkesën pas 10 sekondash.

Response.Write("riprovo: 10000");

Nëse dëshironi të lidhni një mbajtës ngjarjesh në anën e klientit, përdorni metodën "addEventListener" siç tregohet më poshtë.

source.addEventListener("mesazh", funksion(e) ( console.log(e.data); ), false);

Mesazhi tjetër i serverit do të telefonojë funksioni javascript"mesazh":

ngjarje: të dhënat e mesazhit: përshëndetje

Shpjegoni konceptin e ruajtjes lokale në HTML 5

Shpesh na duhet të ruajmë informacione për një përdorues në kompjuterin e tij lokal. Le të themi se një përdorues është në gjysmë të rrugës duke plotësuar një formular të madh dhe papritmas lidhja e internetit bie.

Prandaj, do të ishte mirë që ky informacion të ruhet në nivel lokal me përdoruesin dhe kur të rikthehet lidhja në internet, përdoruesi do ta përdorte atë dhe do ta dërgonte në server.

Shfletuesit modernë kanë hapësirë ​​ruajtëse të quajtur "Local storage" ku mund të ruani këtë informacion.

Si mund të shtojmë dhe heqim të dhëna nga ruajtja lokale?

Të dhënat shtohen dhe hiqen nga ruajtja lokale duke përdorur një çift çelës-vlerë. Më poshtë është një shembull i kodit për shtimin e vendit "India" me çelësin "Key001":

localStorage.setItem ("Key001","Indi");

Ju mund të merrni të dhëna nga ruajtja lokale duke përdorur metodën "getItem", duke i kaluar vlerën kryesore:

var country = localStorage.getItem (“Key001”);

Ju gjithashtu mund të ruani Objektet JavaScript si më poshtë:

var vend = (); emri i vendit = “India”; kodi i vendit = “I001”; localStorage.setItem (“I001”, shteti); var country1 = localStorage.getItem (“I001”);

Nëse dëshironi të ruani të dhënat në formatin JSON, mund të përdorni funksionin "JSON.stringify":

localStorage.setItem(“I001”,JSON.stringify(country));

Cila është jetëgjatësia e ruajtjes lokale?

Ruajtja lokale nuk ka jetëgjatësi. Të dhënat do të ruhen derisa përdoruesi t'i fshijë ato nga shfletuesi i tij ose t'i fshini ato duke përdorur kodin JavaScript.

Cili është ndryshimi midis ruajtjes lokale dhe cookies?

	Biskota	Magazinimi lokal
Ana e klientit / ana e serverit	Të dhënat janë të disponueshme si në anën e klientit ashtu edhe në anën e serverit. Cookies dërgohen në server në çdo kërkesë	Të dhënat janë të disponueshme vetëm në anën e shfletuesit të klientit. Serveri nuk mund t'i qaset të dhënave lokale të ruajtjes derisa ato të dërgohen në server Metoda POST ose MERRNI
Madhësia	4095 bajt për cookie	5 MB për çdo domen
Afati i ruajtjes	Biskotat kanë një jetëgjatësi. Pas skadimit të kësaj periudhe, cookies fshihen	Nuk ka jetëgjatësi. Të dhënat do të ruhen derisa përdoruesi t'i fshijë ato nga shfletuesi i tij ose t'i fshini ato duke përdorur kodin JavaScript

Çfarë është një dyqan sesioni dhe si ta krijoni atë?

Ruajtja e sesionit është e ngjashme me ruajtjen lokale, por të dhënat janë të vlefshme për kohëzgjatjen e sesionit. E thënë thjesht, të dhënat fshihen sapo të mbyllni shfletuesin.

Për të krijuar një dyqan sesionesh, duhet të përdorni konstruksionin "sessionStorage.variablename". Në kodin e mëposhtëm krijojmë një variabël "clickcount".

Nëse rifreskoni faqen në shfletuesin tuaj, numëruesi do të rritet. Por nëse mbyllni shfletuesin dhe e hapni përsëri, ndryshorja "clickcount" do të vendoset përsëri në zero:

if(sessionStorage.clickcount) ( sessionStorage.clickcount=Numri(sessionStorage.clickcount)+1; ) other ( sessionStorage.clickcount = 0; )

Cili është ndryshimi midis ruajtjes së sesionit dhe ruajtjes lokale?

Të dhënat në ruajtje lokale ruhen përgjithmonë dhe në hapësirën ruajtëse të sesionit vetëm për periudhën që shfletuesi po funksionon. Pasi të mbyllet shfletuesi, të dhënat e ruajtjes së sesionit humbasin.

Çfarë është WebSQL?

WebSQL është bazë relacionale të dhëna, që funksionojnë në anën e shfletuesit të klientit. Brenda shfletuesit ka një DBMS relacionale në të cilën mund të ekzekutoni pyetje SQL.

A është WebSQL pjesë e specifikimit HTML 5?

Nr. Shumë njerëz e klasifikojnë atë si HTML 5, por WebSQL nuk është pjesë e specifikimit HTML 5. Specifikimi bazohet në SQLite.

Pra, si mund të përdorni WebSQL?

Së pari, duhet të hapim bazën e të dhënave duke përdorur funksionin "openDatabase", siç tregohet më poshtë. Argumenti i parë është emri i bazës së të dhënave, i ndjekur nga versioni, një emër i thjeshtë teksti dhe madhësia e bazës së të dhënave.

var db=openDatabase("dbCustomer","1.0","Customer App', 2 * 1024 * 1024);

Ju mund të ekzekutoni pyetje duke përdorur funksionin "transaction", duke thirrur metodën "executeSql" brenda tij:

db.transaction(funksion (tx) ( tx.executeSql ("KRIJO TABELE NESE NUK EKZISTON tblCust(id unike, emri i klientit)"); tx.executeSql("INSERT INTO tblcust (id, emri i klientit) VALUES(1, "shiv") "); tx.executeSql ("INSERT INTO tblcust (id, emri i klientit) VLERAT (2, "raju")");

Në rast se ekzekutoni një pyetje "përzgjedh", ju merrni të dhëna në një koleksion "rezultate", të cilat mund t'i përshkoni dhe t'i shfaqni rezultatet në faqe:

db.transaction(funksion (tx) ( tx.executeSql("SELECT * FROM tblcust", , funksion (tx, rezultatet) ( për (i = 0; i< len; i++) { msg = "

" + results.rows.item(i).log + "

"; document.querySelector("#customer).innerHTML += msg; ) ), i pavlefshëm); ));

Çfarë është cache e aplikacionit në HTML5?

Një nga funksionet më të kërkuara për përdoruesin fundor është puna në modaliteti jashtë linje. Me fjalë të tjera, nëse lidhja në internet nuk është e disponueshme, faqja duhet të kthehet nga cache e shfletuesit dhe cache e aplikacionit do t'ju ndihmojë me këtë.

Memoria e memories së aplikacionit ju ndihmon të përcaktoni se cilët skedarë duhet të ruhen dhe cilët jo.

Pra, si ta implementojmë një cache aplikacioni në HTML 5?

Ne duhet të krijojmë një skedar "manifest". Skedari "manifest" ju ndihmon të përcaktoni se si duhet të funksionojë memoria e fshehtë. Më poshtë është struktura e skedarit "manifest":

CACHE MANIFEST # version 1.0 CACHE: Login.aspx

• Të gjithë skedarët "manifest" fillojnë me rreshtin CACHE MANIFEST;
• # (hash etiketa) ndihmon në përcaktimin e versionit të skedarit të memories;
• Komanda CACHE përcakton se cilët skedarë duhet të ruhen në memorie;
• Kreu "ContentType" i skedarit duhet të jetë "text/cache-manifest".

Më poshtë është dalja e manifestit të cache duke përdorur ASP.NET C#:

Response.ContentType = "text/cache-manifest"; Përgjigje.Write("CACHE MANIFEST n"); Response.Write("# 2012-02-21 v1.0.0 n"); Response.Write("CACHE: n"); Response.Write("Login.aspx n"); Përgjigje.Flush(); Përgjigje.Fund();

Pasi të krijohet manifesti i cache-it, hapi tjetër është të sigurohet një lidhje me skedarin e manifestit Faqe HTML si më poshtë:

Kur kjo faqe hapet për herë të parë, ajo shtohet në cache-in e aplikacionit të shfletuesit dhe nëse komunikimi me serverin humbet, faqja kthehet nga cache e aplikacionit.

Si të përditësoni cache-in e aplikacionit të shfletuesit?

Cache e aplikacionit përditësohet kur ndryshon numri i versionit të specifikuar pas etiketës "#", siç tregohet në kodin e mëposhtëm:

CACHE MANIFEST # version 2.0 (i ri) CACHE: Login.aspx Aboutus.aspx RRJETI: Pages.aspx

Çfarë është kthimi në cache e aplikacionit?

Komanda kthyese e cache-it të aplikacionit ju ndihmon të specifikoni një skedar që të shfaqet kur serveri nuk është i disponueshëm.

Për shembull, në manifestin më poshtë, themi se nëse dikush shkon te "/home" kur serveri nuk është i disponueshëm, atëherë faqja "homeoffline.html" duhet të kthehet:

KONTROLL: /home/ /homeoffline.html

Çfarë është rrjeti në cache-in e aplikacionit?

Komanda e rrjetit specifikon skedarët që nuk duhet të ruhen në memorie. Për shembull, kodi më poshtë thotë se faqja "home.aspx" nuk duhet të ruhet kurrë në memorien e fshehtë dhe nuk duhet të jetë e aksesueshme jashtë linje:

RRJETI: home.aspx

Ky publikim është një përkthim i artikullit “40 pyetje të rëndësishme të intervistës HTML 5 me përgjigje”, përgatitur nga ekipi miqësor i projektit

Mire keq

Përditësimi i fundit: 04/08/2016

HTML (HyperText Markup Language) është një gjuhë e shënjimit të hipertekstit që përdoret kryesisht për krijimin e dokumenteve në internet. HTML filloi udhëtimin e tij në fillim të viteve '90 si një gjuhë primitive për krijimin e faqeve në internet, dhe në aktualisht Tashmë është e vështirë të imagjinohet interneti pa HTML. Shumica dërrmuese e faqeve të internetit përdorin HTML në një mënyrë ose në një tjetër.

Në vitin 2014, puna për një standard të ri u përfundua zyrtarisht - HTML5, i cili në fakt krijoi një revolucion, duke sjellë shumë gjëra të reja në HTML.

Çfarë solli saktësisht HTML5?

HTML5 përcakton algoritmi i ri analizimi për të krijuar strukturën DOM

duke shtuar elemente dhe etiketa të reja, të tilla si video, audio dhe një sërë të tjerash

duke ripërcaktuar rregullat dhe semantikën e elementeve HTML para-ekzistuese

Në fakt, me shtimin e funksioneve të reja, HTML5 është bërë jo vetëm një version i ri i gjuhës së shënjimit për krijimin e faqeve në internet, por gjithashtu në fakt një platformë për krijimin e aplikacioneve, dhe qëllimi i përdorimit të tij ka shkuar shumë përtej mjedisit të internetit në internet. : HTML5 përdoret gjithashtu për të krijuar aplikacione celulare për Android, iOS Windows Mobile dhe madje edhe për krijimin e aplikacioneve desktop për kompjuterë të rregullt (në veçanti, në Windows 8/8.1/10).

Si rezultat, si rregull, HTML 5 përdoret kryesisht në dy kuptime:

HTML 5 si një gjuhë e përditësuar e shënjimit të hipertekstit, disa zhvillime të versionit të mëparshëm të HTML 4

HTML 5 si një platformë e fuqishme për krijimin e aplikacioneve në internet, e cila përfshin jo vetëm vetë gjuhën e shënjimit të hipertekstit, HTML-në e përditësuar, por edhe gjuhën Programimi JavaScript dhe tavolina kaskadë Stilet CSS 3.

Kush është përgjegjës për zhvillimin e HTML5? Kjo është ajo që bën Bota Ueb i gjerë Konsorciumi (shkurtuar si W3C - Konsorcium Rrjet i gjere boteror) është një organizatë e pavarur ndërkombëtare që përcakton standardin HTML5 në formën e specifikimeve. Specifikimi aktual i plotë në anglisht mund të shihet në https://www.w3.org/TR/html5/. Dhe duhet theksuar se organizata vazhdon të punojë në HTML5, duke lëshuar përditësime për specifikimet.

Mbështetja e shfletuesit

Duhet të theksohet se ka pasur gjithmonë një hendek midis specifikimit HTML5 dhe përdorimit të kësaj teknologjie në shfletuesit e internetit. Shumica e shfletuesve filluan të zbatojnë standardet HTML5 edhe para publikimit të tyre zyrtar. Dhe deri më tani, shumica e versioneve më të fundit të shfletuesve mbështesin shumicën e funksioneve HTML5 (Google Chrome, Firefox, Opera, Internet Explorer 11, Microsoft Edge). Në të njëjtën kohë, shumë shfletues të vjetër, të tillë si Internet Explorer 8 dhe versionet më të reja, nuk i mbështesin standardet, dhe IE 9, 10 i mbështet ato vetëm pjesërisht.

Megjithatë, edhe ata shfletues që përgjithësisht mbështesin standardet mund të mos mbështesin disa veçori specifike. Dhe kjo duhet të merret parasysh edhe në punë. Por në përgjithësi, situata me mbështetjen për këtë teknologji është mjaft e mirë.

Për të kontrolluar mbështetjen HTML5 për një shfletues specifik, mund të përdorni një shërbim special http://html5test.com.

Mjetet e nevojshme

Çfarë ju nevojitet për të punuar me HTML5? Para së gjithash, redaktori i tekstit për të shtypur tekstin e ueb faqeve në html. Aktiv ky moment redaktori më i popullarizuar dhe më i avancuar i tekstit është Notepad++, i cili mund të gjendet në http://notepad-plus-plus.org/. Përparësitë e tij përfshijnë pa pagesë, me ndriçim të pasëm etiketat html. Në të ardhmen, do të përqendrohem në këtë redaktues teksti.

Gjithashtu vlen të përmendet redaktuesi i tekstit ndër-platformë Visual Studio Code. Ky redaktues ka disa mundësi të mëdha sesa Notepad++, dhe përveç kësaj, mund të funksionojë jo vetëm në Windows OS, por edhe në MacOS dhe sistemet operative ah bazuar në Linux.

Dhe do t'ju duhet gjithashtu një shfletues në internet për të hapur dhe kontrolluar faqet e shkruara të internetit. Si një shfletues uebi që mund të përdorni Versioni i fundit ndonjë nga shfletuesit e zakonshëm - Google Chrome, Mozilla Firefox, Microsoft Edge, Opera.

>> Çfarë është HTML5

Çfarë është HTML5 dhe pse po bëhet modë?

Përshëndetje, lexues të dashur!

NË vitet e fundit Përdoruesi i internetit nuk është i kufizuar në një kompjuter desktop. Pothuajse të gjithë kanë një smartphone ose tablet.

Dhe një moment tjetër sqarues nga viti 2014: sot mediat sociale nuk janë më një mjet "për të gjetur miq të fëmijërisë të humbur në procesin e jetës". Sot, pak njerëz do të mendojnë të përdorin VKontakte për të gjetur një shok tavoline në klasën e parë. Rrjetet sociale të sotme janë portale të fuqishme mediatike multifunksionale. Qendra argëtuese dhe biznesi.

Moderne Bota e kompjuterit pushoi së qeni i lidhur me vendin ose kohën. Shërbimet në renë kompjuterike e ktheu të gjithë botën në një kompjuter global. Kudo që të jeni, në shtëpi, në vend, jashtë vendit, në punë ose në transportin publik, keni mundësinë të merrni çdo mundësi të ofruar nga ofruesit nga kudo në planetin Tokë.

Versioni i ri i gjuhës së hipertekstit HTML5 është krijuar për të qenë një përgjigje adekuate ndaj të gjitha sfidave të përdoruesve modernë të kompjuterit dhe internetit.

Gjuhë e re krijimi i faqeve të internetit do të jetë sa më dinamike, sa më interaktive dhe plotësisht i përshtatur për produktet e masmedias. Siç e dini, përpjekjet e mëparshme për standardizimin universal funksionuan me sukses për ca kohë. Por gjatë viteve të fundit, një Revolucion i Ri në Internet ka ndodhur. Nevojat e përdoruesve kanë ndryshuar në mënyrë dramatike. Janë shfaqur shumë sisteme operative celulare që nuk përshtaten mirë me kompjuterët desktop.

Gjuha e re HTML5 do të jetë me shumë sisteme, ndër-shfletues. Faqet e internetit të krijuara duke përdorur teknologjinë HTML5 do të lexohen po aq mirë në një desktop, tablet ose smartphone. Në çdo RAM të njohur: Windows, iOS, Mac OS, Android, Windows Mobile, Linux dhe çfarë tjetër ka.

Për të parë video në një faqe interneti të ndërtuar në HTML5, nuk keni më nevojë ta instaloni atë në faqen tuaj kompjuter adobe Flash Player. Për më tepër, shumë pajisje moderne celulare nuk funksionojnë fare me formatin Flash. Si të shikoni video? Do të ketë HTML5 për këtë.

Teknologjia flash ka prishur prej kohësh gjakun e optimizuesve dhe pronarëve të faqeve të internetit. Faqet flash janë pothuajse të pamundura për t'u optimizuar dhe promovuar duke përdorur teknikat e SEO. Për të promovuar një projekt Flash, duhet t'i drejtoheni reklamave kontekstuale dhe banderolave ​​shumë të shtrenjta. Shumë nga zhvilluesit kryesorë në botë kanë kohë që janë përpjekur të heqin qafe flashin dhe të gjitha problemet që lidhen me të këtë teknologji. Kështu, HTML5 i ri do të zhvillohet në mënyrë të tillë që përdoruesi të mos ketë më nevojë për asnjë aplikacion shtesë për një përvojë me cilësi të lartë në uebsajt.

Faqet e reja do të jenë edhe më ndërvepruese dhe të përshtatura për gjithçka që është aq e nevojshme tek përdoruesi modern:

HTML5 do të kombinojë HTML të rregullt, CSS, XHTML, DHTML, Ajax. Disa etiketa të vjetruara eliminohen për të zvogëluar peshën e faqeve dhe për të përshpejtuar shpejtësinë e ngarkimit. Shtohen një sërë etiketash të reja që nuk ishin të përfshira versionet e mëparshme HTML. Shumë të dashuruarit Motorë kërkimi shënimi semantik.

Ndërsa ueb-i bëhet gjithnjë e më i lëvizshëm, HTML5 duhet të sigurojë pajtueshmëri të plotë me kontroll me prekje në tableta dhe smartfonë.

Këtë herë, konsorciumi C3W vendosi të presë të gjitha nyjet Gordiane menjëherë dhe të zgjidhë të gjitha problemet dhe mospërputhjet që ishin grumbulluar gjatë viteve të ekzistencës së internetit. Fatkeqësisht, detyra e zhvillimit zgjati pak më shumë. Në fillim të vitit 2014, puna është ende në vazhdim dhe njoftimi i shumëpritur i lançimit përfundimtar të produktit të përfunduar HTML5 ende nuk është i disponueshëm.

Kjo është e gjitha për mua.

Tani e dini se çfarë është HTML5 dhe çfarë mundësish të reja janë hapur për ne. Shpresoj se tani do të përdorni HTML5 kudo dhe gjithmonë derisa të dalë një version të ri HTML.

Me respekt, Vitaly Shmatov!