top 35 html5 interview questions
Najčešće postavljana pitanja za intervju za HTML5 s odgovorima i primjerima koda:
HTML5 je najnovija verzija HTML jezika, HTML je skraćenica od Hyper Text Markup Language, to je univerzalni jezik za označavanje na World Wide Webu koji omogućuje stvaranje i dizajn web stranica koje se mogu pregledavati na internetu.
HTML5 koji je službeno objavljen 2012. podržava sve postojeće web stranice.
Ovaj će članak obuhvatiti osnovna, kao i napredna pitanja o intervjuu na HTML5, sa savršenim primjerima za početnike i iskusne profesionalce.
Značajke HTML5
Postoji nekoliko značajnih značajki HTML5-a, a neke od njih u nastavku su navedene za vašu referencu.
Nove značajke HTML5 uključuju:
- Podržati medijske elemente kao što su video i audio.
- Lokalno spremište
- Podrška nekim novim elementima i prilagođenim atributima.
- Novi elementi obrasca kao što su url, datum, raspon, vrijeme, boja itd.
Preporučena literatura => Top 30 pitanja za HTML intervju
Najvažnija pitanja i odgovori za intervju za HTML5
U nastavku su navedeni neki od najčešće postavljanih pitanja HTML5 pitanja s primjerima kodiranja za vaše lako razumijevanje.
Pripremi se!!
P # 1) Što je HTML5?
Odgovor: HTML5 je najnovija verzija jezika za označavanje HyperText koji se može uputiti na primarni jezik WWW (World Wide Web), ovaj označni jezik poboljšava tekstualnu datoteku s bitovima koda, a ovaj kôd koji možemo označiti kao 'označavanje' opisuje struktura dokumenta.
HTML5 pruža neke standardne značajke poput CSS-a, HTML-a, JavaScript-a i DOM-a, što će zauzvrat smanjiti zahtjev za vanjskim dodacima. Više je oznaka za zamjenu skriptiranja, bolje postupanje s pogreškama itd. HTML5 je neovisan o uređaju.
HTML5 uvodi neke nove značajke koje se mogu koristiti za promjenu načina interakcije korisnika s dokumentima, uključujući:
- Dodavanje novih pravila raščlanjivanja radi veće fleksibilnosti.
- Dodavanje novih atributa.
- Dopusti izvanmrežno uređivanje.
- Podrška (Web SQL), - Uobičajeni standard za pohranu podataka u SQL bazama podataka.
- Podrška protokola i registracija MIME rukovatelja.
P # 2) Koja je razlika između HTML-a i HTML5-a?
Odgovor: Razlike između HTML-a i HTML5-a date su u nastavku:
HTML5 | HTML |
---|---|
Omogućuje efekt povlačenja i ispuštanja. | Ne dopušta efekt povlačenja i ispuštanja. |
HTML5 ima podršku za video i audio na visokoj razini. | Podrška za video i audio na visokoj razini nije dio verzije i specifikacija u prethodnom HTML-u. |
Platno, SVG i druge virtualne vektorske grafike podržani su u HTML5. | U HTML-u, ako želimo implementirati vektorsku grafiku, to je bilo moguće samo korištenjem biblioteke treće strane poput VML, Silver-light itd. |
SVG i MathML mogu se koristiti u tekstu. | To nije moguće u HTML-u. |
Web baza podataka, predmemorija aplikacija i web pohrana koriste se kao trajna pohrana. | Predmemorija preglednika može se koristiti kao privremena pohrana. |
HTML5 je prilagodljiviji za mobilne uređaje. | HTML je manje prilagođen mobilnim uređajima. |
Izjava o dokumentu je jednostavna i laka. | Izjava o dokumentu je duga i složena .. |
Dostupni su atributi Async, charset i ping. | Ti atributi nisu dostupni u HTML-u. |
HTML5 podržava javascript za pokretanje u pozadini. | Ne podržava javascript za pokretanje unutar web preglednika. |
U HTML5 možemo crtati oblike poput pravokutnika, kruga i trokuta. | Nije moguće crtati oblike poput pravokutnika, kruga, trokuta itd. |
P # 3) Što je? Koje su različite vrste dostupne?
Odgovor: Izjava pruža upute web pregledniku da razumije koje informacije treba prikazati i potrebu da započne s deklaracijom. U HTML5, izjava DOCTYPE vrlo je kratka i ne razlikuje velika i velika slova, a napisana je na vrhu svake HTML5 stranice.
Sljedeći DOCTYPE također su podržani u HTML5:
Postoje 3 vrste DOKTIPA kao što je spomenuto u nastavku:
- Strogi doktorski tip
- Vrsta dokumenta Frameset
- Prijelazni tip dokumenta
P # 4) Koje su nove oznake u medijskim elementima u HTML5?
Odgovor: Nove oznake u Medijskim elementima u HTML5 navedene su u nastavku :
- : Prijavite se za multimedijske sadržaje poput zvukova, audio prijenosa ili glazbe, ugradite audio sadržaj bez potrebe za bilo kojim dodatnim dodatkom poput flash playera.
- : Prijavite se za video sadržaje poput video prijenosa ili filmskog isječka, ugrađenog video sadržaja itd.
- : Prijavite se za više medijskih izvora u medijskim elementima, kao što su audio, video, slika itd.
- : Prijavite se za vanjsku aplikaciju ili ugrađeni sadržaj (dodatak).
- : Prijavite se za tekstualne zapise u elementima medija kao što su video ili audio. Ova se oznaka koristi za titlove ili datoteke s naslovima tijekom reprodukcije video medija.
P # 5) Što je oznaka u HTML5?
Odgovor: Oznaka je poseban sadržaj u HTML5, koji je okružen kutnom zagradom (). Simbol kosa crta (/) koristi se za zatvaranje oznake nakon dovršenja bloka.
Na primjer
This is my Browser
Oznaka Html5 skup je znakova koji razvijaju formatiranu naredbu za web stranicu. Ove formatirane naredbe komuniciraju i šalju upute pregledniku.
P # 6) Što je minimalni broj HTML5 oznaka potrebnih za stvaranje web stranice?
Odgovor: Za stvaranje web stranice potrebne su najmanje 3 HTML5 oznake, poput (,,).
P # 7) Koja je važnost povlačenja i ispuštanja u HTML5?
Odgovor: Povlačenje i ispuštanje najvažniji je koncept korisničkog sučelja koji olakšava hvatanje predmeta i povlačenje na željenom mjestu pomoću klika miša.
Neke uobičajene značajke koje se uglavnom koriste pri povlačenju i ispuštanju uključuju premještanje, povezivanje ili kopiranje.
Sliku možemo povući pomoću elemenata, type = , da bi se slika povukla i atribut slike koja se može povući postavila na true.
P # 8) Objasnite nove vrste unosa obrazaca u HTML5.
Odgovor: HTML5 ima 14 novih vrsta unosa obrazaca:
- Datum: Ovo je alat za odabir datuma, datum možemo odabrati pomoću tipa = 'datum'.
- Tjedan: Ovo je alat za odabir tjedna, a tjedan možemo odabrati pomoću type = 'tjedan'.
- Mjesec: Ovo je alat za odabir mjeseca, mjesec možemo odabrati pomoću type = 'mjesec'.
- Vrijeme: Ovo je alat za odabir vremena, vrijeme možemo odabrati pomoću type = 'vrijeme'.
- Datum vrijeme: Ovo je kombinirani datum i vrijeme, kombinaciju datuma i vremena možemo odabrati pomoću type = 'Datum vrijeme'.
- Datum i vrijeme: Kombinirani lokalni datum i vrijeme, možemo odabrati kombinaciju lokalnog datuma i vremena koristeći type = “DateTime-local”.
- E-mail: Omogućuje jednu ili više adresa e-pošte, možemo unijeti više adresa e-pošte pomoću type = “E-mail”.
- Telefon: Omogućuje različite telefonske brojeve širom svijeta. Klijent potvrđuje telefonski broj. Telefonski broj možemo unijeti pomoću type = 'Telefon'.
- Traži: Omogućuje pretraživanje upita unosnim tekstom. Pomoću type = možemo unijeti više upita 'traži'.
- Broj: Omogućuje umetanje numeričke vrijednosti s dodatnim atributima kao što su min, maks. itd., a možemo unijeti više numeričkih vrijednosti pomoću type = 'broj'.
- URL: Vrsta unosa URL-a koja se koristi za web adresu. U jednom URL-u možemo koristiti više atributa koristeći type = 'Url'.
- Boja: Omogućuje odabir više boja, možemo odabrati više boja pomoću type = 'boja'.
- Raspon: Omogućuje umetanje numeričke vrijednosti unutar određenog raspona, Raspon je sličan broju, ali je mnogo specifičan. Brojčanu vrijednost unutar raspona možemo unijeti pomoću type = “Domet”.
- Rezerviranog mjesta: Omogućuje prikaz kratkog savjeta (obično u svijetloj boji) u poljima za unos prije nego što unesemo vrijednost. U polje za unos možemo upisati kratki savjet pomoću type = 'rezerviranog mjesta'.
P # 9) Što je mapa slika u html5?
Odgovor: Mape slika kombinacija su URL-a i slika, gdje će klikom na te slike (područje slike na koje se može kliknuti) otvoriti različite nove web stranice.
U HTML5 su dostupne dvije vrste mapa slika, tj. Na strani klijenta i na poslužitelju:
Mapa slike na strani klijenta kreira se pomoću dva elementa i pijeska, gdje karta sadrži podatke o karti, a element površine uzima atribute za definiranje svakog odjeljka karte. Mapa slike na poslužitelju stvoreno usingattribute, atribut usemap je naziv naše karte.
P # 10) Kako na stranicu web preglednika napišete simbol autorskih prava?
Odgovor: Da bismo napisali simbol autorskih prava, moramo upisati © ili © u HTML5 datoteku.
P # 11) Kako optimizirati imovinu web mjesta?
Odgovor: Moramo razumjeti neka osnovna pravila optimizacije kako bismo optimizirali imovinu web mjesta. U početku bismo trebali smanjiti veličinu preuzimanja i poslati manje http zahtjeva.
Da bismo optimizirali imovinu web mjesta, možemo se pridržavati sljedećih tehnika:
- Kompresija datoteke
- Spajanje datoteka
- CDN hosting
- Istovar imovine
- Reorganizacija
- Pročišćavanje koda
P # 12) Koja je upotreba MathML Elementa u HTML5?
Odgovor: Riječ MathML (Mathematical Markup Language) je označni jezik koji se koristi za prikaz znanstvenog i matematičkog izraza na webu. MathML je oblik XML-a (proširivog označnog jezika) za opisivanje matematičke notacije.
Možemo koristiti ... oznake unutar HTML5 dokumenata za implementaciju MathML elementa.
Primjer: ispis a² + 2b + 5 = 0 pomoću HTML5 koda.
MathMl Example
Bilješka: Ako MathML koristi aplikacija koja se podudara s prostorom imena u XML preporuci, tada bi se trebao koristiti sljedeći prostor imena:
http://www.w3.org/1998/Math/MathML
P # 13) Koje su razne oznake za oblikovanje u HTML5?
Odgovor: HTML5 ima neke stare i nove oznake za oblikovanje kako je navedeno u nastavku:
- Označeni tekst: Predstavlja istaknuti tekst u referentne svrhe. Možemo koristiti
> oznake za isticanje teksta. - Izbrisani tekst: Određuje izbrisani blok teksta. Oznake možemo koristiti za implementaciju izbrisanog teksta.
- Naglašeni tekst: Definira naglašeni tekst. Možemo koristiti oznake za provedbu naglašenog teksta.
- Umetnut tekst: U dokument unosi blok teksta. Oznake možemo koristiti za implementaciju umetnutog teksta.
- Mali tekst: Prikaži umetnuti tekst u maloj veličini. Oznake možemo koristiti za implementaciju malog teksta.
- Gornji tekst: Ovo je nadpisan tekst. Možemo koristiti oznake za implementaciju natpisnog teksta.
- Tekst donjeg indeksa: Ovo je pretplaćeni tekst. Možemo koristiti oznake za implementaciju natpisnog teksta.
P # 14) Zašto koristimo HTML5?
Odgovor: HTML5 podržava animaciju, crtanje, audio, video, itd. I lako ugrađuje video na web stranicu. Za gledanje videozapisa nije potreban dodatni softver poput Flash-a.
U nastavku su navedeni neki od važnih razloga za upotrebu HTML5:
- Naslijeđena podrška i podrška za više preglednika
- Bolje interakcije
- Pametnije spremište
- Kod za čišćenje
P # 15) Što je hiperveza? Primjenjuje li se samo na tekst?
Odgovor: Hiperveza je veza koja korisniku omogućuje prelazak s jedne na drugu web stranicu kada se klikne. Koncept hiperveze koristi se na tekstu, kao i na slici, a sliku možemo pretvoriti u vezu uz pomoć > oznake.
Primjerdo C ponovno uspostaviti hipervezu na slici (slika na koju je moguće kliknuti) prikazana je dolje.
Image Hyperlink Example Click the following link
P # 16) Objasnite pojam web pohrane u HTML5.
Odgovor: Web pohrana pruža mogućnost lokalnog pohranjivanja podataka naših web aplikacija u korisnikov preglednik. Može pohraniti do 10 MB podataka. Web pohrana pomaže u povećanju performansi naših aplikacija.
Dvije su vrste web pohrane koje se koriste za lokalno spremanje podataka u HTML5:
- Lokalna pohrana: Ovime se pohranjuju podaci koji neće isteći ili se automatski izbrisati kada korisnik zatvori ili ponovno otvori preglednik.
- Pohrana sesije: Ovo pohranjuje podatke samo za jednu sesiju (tj. Korisnika koji surfa Internetom ili web stranicom). Nakon zatvaranja preglednika, podaci sesije automatski će se izbrisati iz web preglednika.
P # 17) Objasnite API za geolokaciju u HTML5.
Odgovor: API za geolokaciju koristi se za pronalaženje geografskog položaja korisnika.
Iz razloga privatnosti, od korisnika se traži dopuštenje da prijavi podatke o lokaciji. Koristiti navigator.geolocation.get trenutni položaj () metoda za dobivanje korisnikova položaja i zemljopisnih koordinata (zemljopisne dužine i širine).
Na primjer, za povratak položaja zemljopisne širine i dužine prikazan je dolje.
Click The My Location Button to get your Location.
My Location var x = document.getElementById('location'); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = 'Geolocation is not supported by this browser.'; } } function showPosition(position) { x.innerHTML = 'Latitude: ' + position.coords.latitude + '
Longitude: ' + position.coords.longitude; }
Objašnjeni primjer:
- Provjerite je li Geolokacija podržana ili nije.
- Ako je podržana geolokacija, pokrenite metodu getCurrentPosition (). Ako Geolocation nije podržan, prikažite korisniku poruku o pogrešci.
- Ako je metoda getCurrentPosition () uspješna, vraća koordinate i funkcije navedene u parametru.
- Funkcija showPosition () dobiva izlaz - zemljopisnu dužinu i širinu.
P # 18) Objasnite grafiku HTML5.
Odgovor: HTML5 podržava dvije vrste grafike, tj. Canvas i SVG.
a) Platno: Element se koristi za dizajn grafike na web stranici, a ima nekoliko dostupnih metoda za crtanje krugova, okvira, dodavanje slika i teksta. 300 px X 150 px (širina X visina) zadana je veličina piksela platna.
Primjercrtati kvadratni okvir pomoću platnenog elementa prikazan je dolje.
#mycanvas{border:2px solid pink;}
b) SVG: Skalabilna vektorska grafika, uglavnom se koristi za grafičku primjenu i skale s promjenjivim vektorskim dijagramima, poput X, Y koordinatnog sustava, dvodimenzionalnih i tortnih grafikona. To ga čini bržim i laganim. SVG slijedi XML format.
Primjerza crtanje pravokutnika pomoću SVG elementa prikazano je dolje.
P # 19) Koje su prednosti korištenja HTML5?
Odgovor: HTML5 je napredna verzija HTML-a. HTML5 omogućuje stvaranje jednostavnijih ili interaktivnih web stranica ugrađivanjem videozapisa, zvuka i grafike u web stranicu.
HTML5 podržava multimedijsku tehnologiju i grafički sadržaj na webu bez korištenja dodataka trećih strana.
Neke od najvažnijih značajki koje je dodao HTML5 uključuju:
- Geolokacija
- Izvanmrežna predmemorija aplikacije
- Baza podataka na strani klijenta
- Rukovanje pogreškama
- Nova struktura i novi multimedijski elementi.
- Podrška i kompatibilnost preglednika.
Podržava neko novo sučelje za programiranje aplikacija (API) poput:
- Upravljanje poviješću preglednika
- Povucite i ispustite
- 2D crtež na web stranici
- Reprodukcija vremenskih medija
Podržane aplikacije uključuju:
- Web Workers - JavaScript
- Lokalni pristup datotekama
- Predmemorija aplikacije
- Lokalna pohrana podataka
- Lokalne SQL baze podataka
P # 20) Kako stvoriti vezu koja će se povezati na drugu stranicu web preglednika kada se klikne u HTML5?
Odgovor: Upotrijebite thetag za izradu hiperveza, a one se koriste za povezivanje s drugom web stranicom. Hipervezu možemo stvoriti pomoću type = tekst označiti. Kad tada kliknemo tekst, otvorit će se povezani URL web stranice.
Na primjer , donji kod je poveznica koja vodi do Yahoo početne stranice koja se nalazi na adresi https://in.yahoo.com
Yahoo link
Visit Yahoo Home Page
P # 21) Koliko web preglednika podržava HTML5?
kako započeti novi projekt u pomrčini
Odgovor: Većinu najnovijih verzija Apple Safari, Google Chrome, Opera, Internet Explorer i Mozilla Firefox podržava HTML5.
P # 22) Koji su često korisni API u HTML5?
Odgovor: Popis najčešće korištenih API-ja u HTML5 uključuje:
- Media API
- API za prijenos podataka
- API predmemorije aplikacije
- Interakcija korisnika
- API povijesti
- API za provjeru ograničenja
- API za naredbe
- API za praćenje teksta
P # 23) Koliko je oznaka uklonjeno u HTML5?
Odgovor: Popis oznaka koje su u potpunosti uklonjene u HTML5 uključuju:
P # 24) Koji se video i audio formati koriste za ugrađivanje na web stranicu?
Odgovor: Formati video i audio zapisa koji se koriste za ugrađivanje na web stranicu dati su u nastavku:
- Video: MPEG4, Ogg, WebM.
- Audio: WAV, Ogg Vorbis, MP3.
P # 25) Navedite elemente strukture stranice HTML5.
Odgovor: U nastavku su dati elementi strukture stranice HTML5:
- : Predstavlja odjeljak zaglavlja i pohranjuje početne informacije o web stranici.
- : Predstavlja odjeljak podnožja (zadnji dio) stranice.
- : Predstavlja navigacijske elemente HTML stranice.
- : To je skup informacija.
- : To je skup uputa koji se koristi unutar bloka članaka za definiranje osnovne strukture stranice.
- : Sadržaj bočne trake stranice.
P # 26) Objasnite neke od uobičajenih popisa za dizajn web stranice.
Odgovor: Uobičajeni popisi za dizajn web stranice uključuju:
- Popis imenika
- Popis definicija
- Naručeni popis
- Popis izbornika
- Neuređeni popis
Drugačiji - Za sastavljanje svakog popisa koriste se različite oznake.
P # 27) Čemu služi izlazna oznaka u HTML5?
Odgovor: Oznaka se koristi za predstavljanje različitih vrsta rezultata i rezultata.
P # 28) Koji element pruža značajku samodovršavanja u tekstualnom okviru?
Odgovor: U HTML5elementu pruža značajku samodovršavanja u tekstualnom okviru.
P # 29) Kako ugraditi video i audio u HTML5?
Odgovor:
Video:
Primjer za ugrađivanje videozapisa u HTML5:
Audio:
Primjer za ugrađivanje zvuka u HTML5:
P # 30) Koje su migrirane oznake iz HTML4 u HTML5?
Odgovor: Popis migriranih oznaka s HTML4 na HTML5 dan je u nastavku:
Tipični HTML4 Tipični HTML5
P # 31) Koji su dio HTML5 tehnologija?
Odgovor: Popis je dan u nastavku:
- Web radnici
- Web pohrana
- SVG
- CSS3
- Poslani događaji s poslužitelja (SSE)
- Mikropodaci
- Web namjere
- Web utičnice
- Izvanmrežna aplikacija
- Geolokacija
- API datoteka
- Web poruke
- Povucite i ispustite
- Platno 2D
P # 32) Koja je razlika između SVG i Canvas elemenata?
Odgovor:
SVG | Elementi platna |
---|---|
SVG nije prikladan za grafiku Igara. | Platno je pogodno za grafiku igara. |
Temelji se na objektnom modelu. | Temelji se na pikselima. |
Prikladan je za korištenje velikih područja prikazivanja. | Prikladan je za upotrebu malih područja prikazivanja. |
SVG pruža bilo kakvu podršku voditeljima događaja. | Canvas ne pruža nikakav regres za voditelje događaja. |
Izmjena je dopuštena putem skripte i CSS-a. | Izmjena je dopuštena samo putem skripte. |
SVG ima bolju skalabilnost | Platno ima lošu skalabilnost. |
SVG se temelji na vektorima (sastoji se od oblika). | Platno se temelji na rasteru (sastoji se od piksela). |
SVG ne ovisi o razlučivosti. | Platno u potpunosti ovisi o razlučivosti. |
SVG je sposoban za API animaciju. | Canvas nema API za animaciju. |
SVG je pogodan za ispis visoke kvalitete i bilo koje razlučivosti. | Platno nije pogodno za ispis visoke kvalitete i visoke razlučivosti. |
P # 33) Čemu služi oznaka u HTML5?
Odgovor: Oznaka figure koristi se za dodavanje slike u dokument na web stranici.
P # 34) Što su mikropodaci u HTML5?
Odgovor: Mikropodaci su nova jednostavna semantička sintaksa koja se koristi za dodavanje ugniježđenih grupa imena i vrijednosnog para podataka u dokumente koji se obično temelje na sadržaju stranice. Mikropodaci se koriste za nove globalne atribute.
P # 35) Objasnite metatagove.
Odgovor: Metatagovi se koriste za pružanje korisnih informacija našim web stranicama.
Neke od oznaka uključuju:
- Titula: Pruža naslov web stranice.
- Stil: U web stranicu unosi neke stilove i CSS detalje.
- Veza: Definira odnos između jedne stranice i druge stranice i vanjskog izvora.
Neke korisne kratice
- XML: Proširivi jezik za označavanje
- W3C: Konzorcij za World Wide Web
- SQL: Strukturirani jezik upita
- JPEG: Zajednička fotografska stručna skupina
- IP: internetski protokol
- HTTP: Protokol za prijenos hiperteksta
- href: Hipertekstualna referenca
- FTP: Protokol za prijenos datoteka
- VATRA: Sučelje za programiranje aplikacija
- OVDJE: Integrirano razvojno okruženje
- POTKA: Alat za web ugrađivanje fontova
- OSUDA: Model objekta dokumenta
- URL: Jednoobrazni lokator resursa
Zaključak
HTML5 se može smatrati temeljem web tehnologija, ovo je primarna tehnologija koja se koristi za stvaranje web stranica.
Mnogi stručnjaci koji namjeravaju izgraditi karijeru u web tehnologiji moraju naučiti HTML5. HTML5 nije samo podstruktura web tehnologija, već se koristi i za razvoj mobilnih aplikacija. Terminološki, HTML5 nije programski jezik, već je označni jezik.
Ovaj će članak biti vodič za popis najvažnijih HTML5 pitanja i odgovora, jer pokriva kako osnovna, tako i napredna HTML5 pitanja i odgovore. Sigurni smo da su ovo zauzvrat sjajni resursi koji će vam pomoći da se pripremite za razgovor s HTMl5.
Nadam se da će vam ovaj članak pomoći da uspješno razbijete bilo koji HTML5 intervju.
Preporučena literatura
- Intervjuirajte pitanja i odgovore
- Pitanja i odgovori za ispitivanje ETL-a
- 35+ Top Apache Tomcat intervjua Pitanja i odgovori
- Neka nezgodna ručna ispitivanja Pitanja i odgovori
- 25 najboljih agilnih testova za pitanja i odgovore na intervjue
- Top 35 pitanja i odgovora za intervju za Android
- Spock intervju pitanja s odgovorima (najpopularnije)
- Neka zanimljiva pitanja za ispitivanje softverskog testiranja