TOP 35 Întrebări și răspunsuri la interviu HTML5

Cele mai importante întrebări și răspunsuri pentru interviuri HTML5

Înscrise mai jos sunt unele dintre cele mai frecvente întrebări Întrebări HTML5 cu exemple de codificare pentru înțelegerea dvs. ușoară.

Pregateste-te!!

Q # 1) Ce este HTML5?

Răspuns: HTML5 este cea mai recentă versiune a limbajului de marcare HyperText care poate fi menționat în limbajul principal WWW (World Wide Web), acest limbaj de marcare îmbunătățește un fișier text cu biți de cod, iar acest cod pe care îl putem spune ca „marcare” descrie structura documentului.

HTML5 oferă câteva caracteristici standard, cum ar fi CSS, HTML, JavaScript și DOM, care la rândul lor vor reduce cerința de pluginuri externe. Este mai mult marcaj pentru înlocuirea scripturilor, o mai bună gestionare a erorilor etc. HTML5 este independent de dispozitiv.

HTML5 introduce câteva funcții noi care pot fi utilizate pentru a schimba modul de interacțiune a utilizatorului cu documentele, inclusiv:

Adăugarea de noi reguli de analiză pentru a spori flexibilitatea.
Adăugarea de atribute noi.
Permiteți editarea offline.
Suport (Web SQL), - Un standard comun pentru stocarea datelor în baze de date SQL.
Protocol de asistență și înregistrare de gestionare MIME.

Q # 2) Care este diferența dintre HTML și HTML5?

Răspuns: Diferența dintre HTML și HTML5 sunt date mai jos:

HTML5	HTML
Permite efectul drag and drop.	Nu permite efectul drag and drop.
HTML5 are suport video și audio de nivel înalt.	Suportul audio și video la nivel înalt nu face parte din versiunea și specificațiile din HTML-ul anterior.
Canvas, SVG și alte elemente grafice vectoriale virtuale sunt acceptate în HTML5.	În HTML, dacă vrem să implementăm grafică vectorială, acest lucru a fost posibil doar utilizând o bibliotecă terță parte, cum ar fi VML, Silver-light etc.
SVG și MathML pot fi utilizate în text.	Acest lucru nu este posibil în HTML.
Baza de date Web SQL, memoria cache a aplicațiilor și stocarea web sunt utilizate ca stocare permanentă.	Cache-ul browserului poate fi folosit ca stocare temporară.
HTML5 este mai prietenos cu dispozitivele mobile.	HTML este mai puțin compatibil cu dispozitivele mobile.
Declarația doctype este simplă și ușoară.	Declarația doctype este lungă și complicată ..
Sunt disponibile atribute Async, set de caractere și ping.	Aceste atribute nu sunt disponibile în HTML.
HTML5 suportă JavaScript pentru a rula în fundal.	Nu acceptă JavaScript pentru a rula în browserul web.
Putem desena forme precum dreptunghi, cerc și triunghi în HTML5.	Nu este posibil să desenați forme precum dreptunghi, cerc, triunghi etc.

Q # 3) Ce este? Care sunt diferitele tipuri de care sunt disponibile?

Răspuns: Declarația oferă instrucțiuni browserului web pentru a înțelege ce informații ar trebui să fie afișate și necesitatea de a începe cu declarația. În HTML5, declarația DOCTYPE este foarte scurtă și nu distinge majuscule și minuscule și este scrisă în partea de sus a fiecărei pagini HTML5.

Următoarele DOCTYPE sunt acceptate și în HTML5:

Există 3 tipuri de DOCTIPURI, după cum se menționează mai jos:

Strict Doctype
Set cadru Doctype
Doctype de tranziție

Q # 4) Care sunt noile etichete din Elementele media în HTML5?

Răspuns: Noile etichete din Media Elements în HTML5 sunt prezentate mai jos :

: Aplicați pentru conținut multimedia, cum ar fi sunete, fluxuri audio sau muzică, încorporați conținut audio fără a fi nevoie de niciun plug-in suplimentar, cum ar fi flash player.
: Solicitați conținut video, cum ar fi fluxuri video sau videoclip, încorporați conținut video etc.
: Solicitați mai multe resurse media în elemente media, cum ar fi audio, video, imagine etc.
: Solicitați o aplicație externă sau un conținut încorporat (un plug-in).
: Aplicați pentru piese text în elemente media, cum ar fi video sau audio. Această etichetă este utilizată pentru subtitrări sau fișiere de subtitrare în timpul redării suportului video.

Q # 5) Ce este o etichetă în HTML5?

Răspuns: O etichetă este un conținut special în HTML5, care este înconjurat de o paranteză unghiulară (). Un simbol bară (/) este utilizat pentru a închide eticheta după finalizarea blocului.

De exemplu

This is my Browser

O etichetă HTML5 este un set de caractere care dezvoltă o comandă formatată pentru o pagină web. Aceste comenzi formatate comunică și trimit instrucțiunile către browser.

Q # 6) Ce este numărul minim de etichete HTML5 necesare pentru a crea o pagină Web?

Răspuns: Pentru a crea o pagină web sunt necesare minimum 3 etichete HTML5, cum ar fi (,,).

Q # 7) Care este importanța Drag and Drop în HTML5?

Răspuns: Drag and Drop este cel mai important concept de interfață cu utilizatorul, care face mai ușor să apucați un obiect și să-l trageți în locul dorit cu ajutorul unui clic al mouse-ului.

Unele caracteristici comune care sunt utilizate în cea mai mare parte prin operația de glisare și fixare includ mutarea, legarea sau copierea.

Putem trage o imagine folosind elemente, tastați = , pentru a face o imagine glisabilă și pentru a seta atributul de imagine glisabil la adevărat.

Q # 8) Explicați noi tipuri de intrare de formular în HTML5.

Răspuns: HTML5 are 14 tipuri noi de introducere a formularelor:

Data: Acesta este un selector de date, putem alege o dată folosind type = 'Data'.
Săptămână: Acesta este un selector săptămânal, putem alege o săptămână folosind type = 'săptămână'.
Lună: Acesta este un selector de luni, putem alege o lună utilizând tipul = 'lună'.
Timp: Acesta este un selector de timp, putem alege ora folosind tipul = 'timp'.
Datetime: Aceasta este o dată și o oră combinate, putem alege combinația de dată și oră folosind tipul = „Datetime”.
Datetime-local: O dată și o oră locale combinate, putem alege combinația dintre data și ora locală folosind tipul = „DateTime-local”.
E-mail: Permite una sau mai multe adrese de e-mail, putem introduce mai multe adrese de e-mail folosind type = 'e-mail'.
Telefon: Permite diferite numere de telefon din întreaga lume. Un număr de telefon este validat de partea clientului. Putem introduce un număr de telefon folosind type = 'Telefon'.
Căutare: Permite căutarea interogărilor după textul introdus. Putem introduce mai multe interogări folosind tipul = 'căutare'.
Număr: Permite inserarea unei valori numerice cu atribute suplimentare, cum ar fi min, max. etc., și putem introduce mai multe valori numerice folosind tipul = 'număr'.
Adresa URL: Un tip de introducere a adresei URL, care este utilizat pentru adresa web. Într-o singură adresă URL, putem folosi mai multe atribute folosind type = „Url”.
Culoare: Permite selectarea mai multor culori, putem selecta mai multe culori folosind tipul = 'culoare'.
Gamă: Permite introducerea unei valori numerice într-un anumit interval, Gama este similară cu numărul, dar este mult specifică. Putem introduce o valoare numerică într-un interval folosind tipul = 'gamă'.
Substituent: Permite afișarea unui indiciu scurt (de obicei într-o culoare deschisă) în câmpurile de introducere, înainte de a introduce valoarea. Putem scrie un scurt indiciu în câmpul de intrare utilizând tipul = „Substituent”.

Q # 9) Ce este harta imaginii în html5?

Răspuns: Hărțile de imagini sunt o combinație de adrese URL și imagini, unde făcând clic pe aceste imagini (zona pe care se poate face clic pe imagine) se vor deschide diferite pagini web noi.

Două tipuri de hărți de imagine sunt disponibile în HTML5, adică partea clientului și partea serverului:

Harta imaginii din partea clientului este creat utilizând două elemente, unde harta conține informațiile despre hartă, iar elementul de zonă ia atributele pentru a defini fiecare secțiune a hărții. Harta de imagine a serverului creat folosind atribut, atributul usemap este numele hărții noastre.

Q # 10) Cum scrieți un simbol al drepturilor de autor pe o pagină de browser web?

Q # 11) Cum se optimizează activele site-ului web?

Răspuns: Trebuie să înțelegem câteva reguli de optimizare de bază, pentru a optimiza activele site-ului web. Inițial, ar trebui să micșorăm dimensiunea descărcării și să facem mai puține solicitări http.

Pentru a optimiza activele site-ului web, putem urma următoarele tehnici:

Comprimarea fișierelor
Concatenarea fișierelor
Gazduire CDN
Descărcarea activelor
Reorganizarea
Cod de rafinare

Q # 12) La ce folosește MathML Element în HTML5?

Răspuns: Cuvântul MathML (Mathematical Markup Language) este un limbaj de markup, care este folosit pentru a arăta expresia științifică și matematică pe web. MathML este o formă de XML (limbaj extensibil de marcare) pentru a descrie notația Math.

Putem folosi ... etichete în interiorul documentelor HTML5 pentru implementarea elementului MathML.

Exemplu: tipăriți a² + 2b + 5 = 0 folosind codul HTML5.

MathMl Example $http://www.w3.org/1998/Math/MathML ”> a 2 + 2 b + 5 = 0$

Notă: Dacă MathML este utilizat de o aplicație care este conformă cu spațiul de nume într-o recomandare XML, atunci ar trebui utilizat următorul spațiu de nume:

http://www.w3.org/1998/Math/MathML

Q # 13) Care sunt diferitele etichete de formatare din HTML5?

Răspuns: HTML5 are câteva etichete de formatare vechi și noi, după cum se arată mai jos:

Text marcat: Reprezintă textul evidențiat în scopuri de referință. Putem folosi > etichete pentru evidențierea textului.

Text șters: Specifică blocul de text șters. Putem utiliza etichete pentru a implementa un text șters.

Text subliniat: Definește textul subliniat. Putem folosi etichete pentru a implementa un text accentuat.

Text inserat: Inserează un bloc de text într-un document. Putem utiliza etichete pentru a implementa un text inserat.

Text mic: Afișați textul inserat într-o dimensiune mică. Putem folosi etichete pentru a implementa un text mic.

Text cu indicativ: Acesta este un text superscriptat. Putem folosi etichete pentru a implementa un text cu supercript.

Textul indicelui: Acesta este un text subscriptat. Putem folosi etichete pentru a implementa un text cu supercript.

Q # 14) De ce folosim HTML5?

Răspuns: HTML5 acceptă animație, desen, audio, video etc. și încorporează cu ușurință un videoclip pe pagina web. Nu este nevoie de niciun software suplimentar precum Flash pentru vizionarea videoclipurilor.

Unele dintre motivele importante pentru utilizarea HTML5 sunt prezentate mai jos:

Suport vechi și cross-browser

Interacțiuni mai bune

Stocare mai inteligentă

Cod mai curat

Q # 15) Ce este un hyperlink? Se aplică numai textului?

Răspuns: Hiperlinkul este un link care permite unui utilizator să se deplaseze de la o pagină web la alta, atunci când faceți clic. Conceptul de hyperlink este utilizat atât pentru text cât și pentru imagine și putem converti o imagine într-un link cu ajutorul > etichete.

Exemplula C reate un hyperlink într-o imagine (imagine pe care se poate face clic) este prezentat mai jos.
Image Hyperlink Example Click the following link
Q # 16) Explicați conceptul de stocare web în HTML5.

Răspuns: Stocarea web oferă facilitatea de a stoca datele aplicațiilor noastre web la nivel local în browserul utilizatorului. Poate stoca până la 10 MB de date. Stocarea web ajută la creșterea performanței aplicațiilor noastre.

Există două tipuri de stocare web care sunt utilizate pentru a stoca date local în HTML5:

Stocare locală: Aceasta stochează datele care nu vor expira sau șterge automat atunci când un utilizator închide sau redeschide un browser.

Stocare sesiune: Aceasta stochează date pentru o singură sesiune (de exemplu, un utilizator care navighează pe internet sau pe site). Odată ce browserul este închis, datele sesiunii se vor șterge automat din browserul web.

Q # 17) Explicați Geolocalizarea API în HTML5.

Răspuns: API-ul Geolocation este utilizat pentru a localiza poziția geografică a unui utilizator.

Din motive de confidențialitate, utilizatorului i se cere permisiunea de a raporta informațiile despre locație. Folosește navigator.geolocation.get poziția actuală () metoda de a obține poziția utilizatorului și coordonatele geografice (longitudine și număr de latitudine).

De exemplu, pentru a returna poziția de latitudine și longitudine a unui utilizator este prezentată mai jos.
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; }
Exemplu explicat:

Verificați dacă Geolocalizarea este acceptată sau nu.

Dacă Geolocalizarea este acceptată, rulați metoda getCurrentPosition (). Dacă Geolocalizarea nu este acceptată, afișați mesajul de eroare utilizatorului.

Dacă metoda getCurrentPosition () are succes, returnează coordonatele și funcțiile specificate în parametru.

Funcția showPosition (), obține ieșirea - longitudine și latitudine.

Q # 18) Explicați grafica HTML5.

Răspuns: HTML5 acceptă două tipuri de grafică, adică Canvas și SVG.

a) Pânză: elementul este utilizat pentru a proiecta grafică pe pagina web și are mai multe metode disponibile pentru desenarea cercurilor, casetelor, adăugarea de imagini și text. 300 px X 150 px (lățimea X înălțimea) este dimensiunea implicită a pixelilor pentru pânză.

Exemplupentru a desena o cutie pătrată folosind elementul de pânză este prezentat mai jos.
#mycanvas{border:2px solid pink;}
b) SVG: Graficele vectoriale scalabile, sunt utilizate în principal pentru aplicații grafice și diagrame scalabile de tip vector, cum ar fi sistemul de coordonate X, Y, diagramele bidimensionale și circulară. Acest lucru îl face mai rapid și mai ușor. SVG urmează formatul XML.

Exemplupentru a desena un dreptunghi folosind elementul SVG este prezentat mai jos.

Q # 19) Care sunt avantajele utilizării HTML5?

Răspuns: HTML5 este versiunea avansată a HTML. HTML5 permite crearea de site-uri web mai ușoare sau interactive prin încorporarea de videoclipuri, audio și grafică pe pagina web.

HTML5 acceptă tehnologie multimedia și conținut grafic pe web fără a utiliza pluginuri terțe.

Unele dintre cele mai importante caracteristici adăugate de HTML5 includ:

Geolocalizare

Cache aplicație offline

Baza de date a clientului

Eroare de manipulare

Structură nouă și elemente multimedia noi.

Suport și compatibilitate pentru browser.

Acceptă unele noi aplicații de interfață de programare (API), cum ar fi:

Managementul istoricului browserului

Tragere și plasare

Desen 2D pe o pagină web

Redare media pe timp

Aplicațiile acceptate includ:

Web Workers - JavaScript

Acces local la fișiere

Aplicația cache

Stocare de date locale

Baze de date SQL locale

Q # 20) Cum să creați un link care să se conecteze la o altă pagină de browser web când faceți clic în HTML5?

Răspuns: Utilizați eticheta pentru a crea hyperlinkuri, iar acestea sunt utilizate pentru a vă conecta la o altă pagină web. Putem crea hyperlink folosind type = text etichetă. Atunci când facem clic pe text, se va deschide adresa URL legată a paginii web.

De exemplu , codul de mai jos este un link care duce la pagina principală Yahoo, aflată la adresa https://in.yahoo.com
Yahoo link Visit Yahoo Home Page
Q # 21) Câte browsere web acceptă HTML5?
ce este modelul cascadei cu exemplu

Răspuns: Majoritatea celor mai recente versiuni de Apple Safari, Google Chrome, Opera, Internet Explorer și Mozilla Firefox sunt acceptate de HTML5.

Q # 22) Care sunt API-urile frecvent utile în HTML5?

Răspuns: O listă cu API-urile cele mai frecvent utile din HTML5 includ:

API-ul media

API de transfer de date

API cache de aplicație

Interacțiunea cu utilizatorul

API istoric

API de validare a constrângerilor

API de comandă

API de urmărire a textului

Q # 23) Câte etichete au fost eliminate în HTML5?

Răspuns: Lista etichetelor care sunt eliminate complet în HTML5 includ:
Q # 24) Ce formate video și audio sunt utilizate pentru încorporarea pe pagina web?

Răspuns: Formatele video și audio utilizate pentru încorporarea pe pagina web sunt prezentate mai jos:

Video: MPEG4, Ogg, WebM.

Audio: WAV, Ogg Vorbis, MP3.

Q # 25) Enumerați elementele structurii paginii HTML5.

Răspuns: Elementele structurii paginii HTML5 sunt prezentate mai jos:

: Reprezintă secțiunea antet și stochează informațiile de pornire despre pagina web.

: Reprezintă secțiunea de subsol (ultima porțiune) a paginii.

: Reprezintă elementele de navigare ale paginii HTML.

: Este un set de informații.

: Este un set de instrucțiuni care este utilizat în interiorul blocului de articole pentru a defini structura de bază a unei pagini.

: Conținutul barei laterale a paginii.

Q # 26) Explicați câteva dintre listele comune pentru a proiecta o pagină web.

Răspuns: Listele comune pentru proiectarea unei pagini web includ:

Lista de directoare

Lista definițiilor

Lista ordonata

Lista de meniu

Lista neordonata

Diferit - Diferite etichete sunt folosite pentru a compune fiecare listă.

Q # 27) La ce folosește eticheta de ieșire în HTML5?

Răspuns: eticheta este utilizată pentru a reprezenta diferitele tipuri de rezultate și rezultate.

Q # 28) Care element oferă funcția de completare automată într-o casetă text?

Răspuns: În elementul HTML5, oferă caracteristica de completare automată într-o casetă text.

Q # 29) Cum să încorporezi videoclipuri și audio în HTML5?

Răspuns:

Video:

Exemplu pentru a încorpora un videoclip în HTML5:
Audio:

Exemplu pentru a încorpora un sunet în HTML5:
Q # 30) Care sunt etichetele migrate de la HTML4 la HTML5?

Răspuns: Lista etichetelor migrate de la HTML4 la HTML5 sunt date mai jos:

HTML4 tipic HTML5 tipic

Î. 31) Care sunt părțile tehnologiilor HTML5?

Răspuns: Lista este dată mai jos:

Lucrători web

Stocare web

SVG

CSS3

Evenimente trimise de server (SSE)

Microdate

Intenții web

Socluri web

Aplicație offline

Geolocalizare

Fișier API

Mesagerie web

Tragere și plasare

Pânză 2D

Q # 32) Care este diferența dintre elementele SVG și Canvas?

Răspuns:

SVG Elemente de panza

SVG nu este potrivit pentru grafica jocurilor. Canvas este potrivit pentru jocuri grafice.
Este bazat pe modelul obiectelor. Este bazat pe pixeli.

Este potrivit pentru utilizarea suprafețelor mari de redare. Este potrivit pentru utilizarea unor zone de redare mici.

SVG oferă orice suport pentru gestionatorii de evenimente. Canvas nu oferă nici un recurs pentru gestionarii de evenimente.

Modificarea este permisă prin script și CSS. Modificarea este permisă numai prin script.

SVG are o scalabilitate mai bună Pânza are o scalabilitate redusă.

SVG este bazat pe Vector (compus din forme). Canvas este bazat pe Raster (compus dintr-un pixel).

SVG nu depinde de rezoluție. Pânza este complet dependentă de rezoluție.

SVG este capabil de animație API. Canvas nu are niciun API pentru animație.

SVG este potrivit pentru imprimare cu înaltă calitate și orice rezoluție. Canvas nu este potrivit pentru imprimarea de înaltă calitate și rezoluție înaltă.

Q # 33) La ce folosește eticheta în HTML5?

Răspuns: Eticheta cu cifre este utilizată pentru a adăuga o imagine în documentul de pe o pagină web.

Q # 34) Ce este Microdata în HTML5?

Răspuns: Microdatele sunt o nouă sintaxă semantică simplă, care este utilizată pentru a adăuga la documente grupurile imbricate de nume și perechi de valori, care se bazează în mod obișnuit pe conținutul paginii. Microdatele sunt utilizate pentru noi atribute globale.

Q # 35) Explicați metaetichetele.

Răspuns: Metaetichetele sunt folosite pentru a furniza informații utile paginilor noastre web.

Unele dintre etichete includ:

Titlu: Oferă un titlu paginii web.

Stil: Inserează câteva stiluri și detalii CSS pe pagina web.

Legătură: Definește relația dintre o pagină la alta și o sursă externă.

Câteva abrevieri utile

XML: Limbaj de marcare extensibil

W3C: Consorțiul World Wide Web

SQL: Limbaj de interogare structurat

JPEG: Grup mixt de experți în fotografie

IP: Protocol Internet

HTTP: Protocol de transfer hipertext

href: Referință hipertext

FTP: Protocol de transfer de fișiere

FOC: interfața de programare a aplicației

AICI: Mediu de dezvoltare integrat

BĂTĂTURĂ: Instrumentul de încorporare a fonturilor web

HOTĂRÂRE: Model de obiect document

Adresa URL: Localizator uniform al resurselor

Concluzie

HTML5 poate fi considerat ca baza tehnologiilor web, aceasta este tehnologia primară care este utilizată pentru a crea pagini web.

Mulți profesioniști care intenționează să își construiască o carieră în tehnologia web trebuie să învețe HTML5. HTML5 nu este doar substructura tehnologiilor web, ci este folosită și pentru dezvoltarea de aplicații mobile. Terminologic, HTML5 nu este un limbaj de programare, ci mai degrabă un limbaj de markup.

Acest articol va fi un ghid pentru lista celor mai importante întrebări și răspunsuri la interviu HTML5, întrucât acoperă atât întrebările și răspunsurile HTML5 atât de bază, cât și cele avansate. Suntem siguri că acestea sunt la rândul lor marile resurse pentru a vă ajuta să vă pregătiți pentru interviul HTMl5.

Sper că acest articol vă va ajuta să spargeți cu succes orice interviu HTML5.

Lectură recomandată

Întrebări și răspunsuri la interviu
Întrebări și răspunsuri la interviuri de testare ETL
35+ Întrebări și răspunsuri de top pentru Apache Tomcat
Câteva întrebări și răspunsuri dificile de testare manuală
Cele mai bune 25 de întrebări și răspunsuri de interviu pentru testarea agilă
Top 35 de întrebări și răspunsuri pentru interviurile Android
Întrebări de interviu cu răspunsuri Spock (Cele mai populare)
Câteva întrebări interesante despre testarea software-ului

TOP 35 Întrebări și răspunsuri la interviu HTML5

Cele mai importante întrebări și răspunsuri pentru interviuri HTML5

Yahoo link

Concluzie

Lectură recomandată

Articole Interesante

Alegerea Editorului

Conferința de presă E3 2019 și programul fluxului

Titlurile Shmuptastic Bullet Soul vor fi lansate pe Switch pe 29 septembrie

Frați - Ghid de realizare a doi fii

Timpul jocurilor uitat: Destinul Doctorilor

HashSet în Java - Tutorial cu exemple de programare

Recenzie: Vânat: Forța Demonului

Știți că moneda premium Chocobo GP o primiți gratuit? Expiră

Recenzie: Copilul Edenului

Recenzie în curs: Battlefield 2042

Noua armă a lui Cal Kestis ar putea fi o problemă pentru Jedi: Survivor

Iată cum arată beta-ul închis pentru Homefront: The Revolution

Var, operator ternar și LINQ în C #