Menu

TOP 35 HTML5 Interviewspørgsmål og svar

top 35 html5 interview questions

Prøv Vores Instrument Til At Fjerne Problemer

Ofte stillede HTML5-interviewspørgsmål med svar og kodeeksempler:

HTML5 er den nyeste version af HTML-sproget, HTML står for Hyper Text Markup Language, det er et universelt World Wide Web Markup-sprog, der gør det muligt at oprette og designe websider, der kan ses på internettet.

HTML5, der blev offentliggjort i 2012, understøtter alle eksisterende websider.

Denne artikel dækker såvel de grundlæggende som avancerede interviewspørgsmål på HTML5 med perfekte eksempler også til begyndere og erfarne fagfolk.

html5 interviewspørgsmål og svar

Funktioner i HTML5

Der er flere bemærkelsesværdige funktioner i HTML5, og få af dem er briefet nedenfor til din reference.

De nye funktioner i HTML5 inkluderer:

  • Understøtt medieelement som video og lyd.
  • Lokal opbevaring
  • Understøtter nogle nye elementer og tilpassede attributter.
  • Nye formelementer som url, dato, rækkevidde, tid, farve osv.

Anbefalet læsning => Top 30 HTML-spørgsmål til spørgsmål

Vigtigste HTML5 Interviewspørgsmål og svar

Nedenfor er nogle af de mest almindelige spørgsmål HTML5 spørgsmål med kodningseksempler for din nemme forståelse.

Gør dig klar!!

Q # 1) Hvad er HTML5?

Svar: HTML5 er den nyeste version af HyperText Markup Language, der kan henvises til WWW (World Wide Web) primære sprog, dette markup sprog forbedrer en tekstfil med bit kode, og denne kode, som vi kan sige som 'markup' beskriver dokumentets struktur.

HTML5 indeholder nogle standardfunktioner som CSS, HTML, JavaScript og DOM, hvilket igen reducerer behovet for eksterne plugins. Det er mere markup at erstatte scripting, bedre fejlhåndtering osv. HTML5 er enhedsuafhængig.

HTML5 introducerer nogle nye funktioner, der kan bruges til at ændre måden for brugerinteraktion med dokumenter, herunder:

  • Tilføjelse af nye parseringsregler for at øge fleksibiliteten.
  • Tilføjelse af nye attributter.
  • Tillad offline redigering.
  • Support (Web SQL), - En fælles standard til lagring af data i SQL-databaser.
  • Supportprotokol og MIME-handlerregistrering.

Q # 2) Hvad er forskellen mellem HTML og HTML5?

Svar: Forskellen mellem HTML og HTML5 er angivet nedenfor:

HTML5HTML
Tillader træk og slip-effekt.Tillader ikke træk og slip-effekt.
HTML5 har video- og lydstøtte på højt niveau.Understøttelse af video og lyd på højt niveau er ikke en del af versionen og specifikationerne i den tidligere HTML.
Canvas, SVG og anden virtuel vektorgrafik understøttes i HTML5.I HTML, hvis vi vil implementere vektorgrafik, var det kun muligt ved hjælp af tredjepartsbibliotek som VML, Silver-light osv.
SVG og MathML kan bruges i tekst.Dette er ikke muligt i HTML.
Web SQL-database, applikationscache og weblagring bruges som permanent lager.Browser-cache kan bruges som midlertidig lagring.
HTML5 er mere mobilvenlig.HTML er mindre mobilvenlig.
Doktypedeklaration er enkel og nem.Doktypedeklaration er lang og kompliceret ..
Attributter til Async, charset og ping er tilgængelige.Disse attributter er ikke tilgængelige i HTML.
HTML5 support javascript til at køre i baggrunden.Understøtter ikke javascript til at køre i webbrowseren.
Vi kan tegne former som rektangel, cirkel og trekant i HTML5.Det er ikke muligt at tegne former som rektangel, cirkel, trekant osv.

Q # 3) Hvad er? Hvad er de forskellige typer der er tilgængelige?

Svar: Erklæringen giver instruktioner til webbrowseren om at forstå, hvilke oplysninger den skal vises, og behovet for at starte med en erklæring. I HTML5 er DOCTYPE-erklæringen meget kort og ikke skiftende mellem store og små bogstaver og er skrevet øverst på hver HTML5-side.

Følgende DOCTYPE understøttes også i HTML5:

Der er 3 typer DOKTYPER som nævnt nedenfor:

  • Streng doktype
  • Rammesæt Doctype
  • Overgangsdoktype

Q # 4) Hvad er de nye tags i Media Elements i HTML5?

Svar: De nye tags i Media Elements i HTML5 er angivet nedenfor :

  • : Ansøg om multimedieindhold som lyde, lydstrømme eller musik, integrer lydindhold uden krav om yderligere plug-in som flash-afspiller.
  • : Ansøg om videoindhold som videostreams eller filmklip, integrer videoindhold osv.
  • : Ansøg om flere mediaressourcer i medieelementer, såsom lyd, video, billede osv.
  • : Ansøg om en ekstern applikation eller integreret indhold (et plug-in).
  • : Ansøg om tekstspor i medieelementerne såsom video eller lyd. Dette mærke bruges til undertekster eller billedtekstfiler, mens videomediet afspilles.

Q # 5) Hvad er et tag i HTML5?

Svar: Et tag er et specielt indhold i HTML5, som er omgivet af en vinkelbeslag (). Et skråstreg (/) symbol bruges til at lukke koden efter at have udfyldt blokken.

For eksempel

This is my Browser

Et HTML-tag er et sæt tegn, der udvikler en formateret kommando til en webside. Disse formaterede kommandoer kommunikerer og sender instruktionen til browseren.

Q # 6) Hvad er det mindste antal HTML5-tags, der kræves for at oprette en webside?

Svar: Der kræves mindst 3 HTML5-tags for at oprette en webside, såsom (,,).

Spørgsmål nr. 7) Hvad er vigtigheden af ​​træk og slip i HTML5?

Svar: Træk og slip er det vigtigste brugergrænsefladekoncept, der gør det nemt at få fat i et objekt og trække det til det sted, du ønsker, ved hjælp af et museklik.

Nogle almindelige funktioner, der mest bruges af træk og slip-operation, inkluderer flytning, link eller kopi.

Vi kan trække et billede ved hjælp af elementer, type = , for at gøre et billede trækkeligt og indstille attributten til trækbart billede til sandt.

Q # 8) Forklar nye formularindgangstyper i HTML5.

Svar: HTML5 har 14 nye formularer:

  • Dato: Dette er en datovælger, vi kan vælge en dato ved hjælp af type = 'dato'.
  • Uge: Dette er en uge-vælger, vi kan vælge en uge ved hjælp af type = 'uge'.
  • Måned: Dette er en månedsvælger, vi kan vælge en måned ved hjælp af type = 'måned'.
  • Tid: Dette er en tidsvælger, vi kan vælge tiden ved hjælp af type = 'tid'.
  • Dato tid: Dette er en kombineret dato og tid, vi kan vælge kombinationen af ​​dato og tid ved hjælp af type = 'Dato tid'.
  • Datetime-local: En kombineret lokal dato og tid, vi kan vælge kombinationen af ​​lokal dato og tid ved hjælp af type = “DateTime-local”.
  • E-mail: Tillader en eller flere e-mail-adresser, vi kan indtaste flere e-mail-adresser ved hjælp af type = “E-mail”.
  • Telefon: Tillader forskellige telefonnumre rundt om i verden. Et telefonnummer valideres af klientsiden. Vi kan indtaste et telefonnummer ved hjælp af type = 'Telefon'.
  • Søg: Giver mulighed for at søge på forespørgsler efter indtastet tekst. Vi kan indtaste flere forespørgsler ved hjælp af type = 'Søg'.
  • Nummer: Giver mulighed for at indsætte en numerisk værdi med yderligere attributter som min., Max. osv., og vi kan indtaste flere numeriske værdier ved hjælp af type = 'nummer'.
  • URL: En url-inputtype, der bruges til webadressen. I en enkelt url kan vi bruge flere attributter ved hjælp af type = “Url”.
  • Farve: Giver mulighed for at vælge flere farver, vi kan skille flere farver ved hjælp af type = 'farve'.
  • Rækkevidde: Giver mulighed for at indsætte en numerisk værdi inden for et bestemt interval. Området svarer til antallet, men det er meget specifikt. Vi kan indtaste en numerisk værdi inden for et interval ved hjælp af type = 'rækkevidde'.
  • Pladsholder: Giver mulighed for at vise et kort tip (normalt i en lys farve) i indtastningsfelterne, inden vi indtaster værdien. Vi kan skrive et kort tip i indtastningsfeltet ved hjælp af type = “Pladsholder”.

Q # 9) Hvad er billedkort i html5?

Svar: Billedkort er en kombination af URL og billeder, hvor klik på disse billeder (klikbart område på billedet) åbner forskellige nye websider.

To typer billedkort er tilgængelige i HTML5, dvs. klientside og serverside:

Billedkortet på klientsiden oprettes ved hjælp af to elementerog, hvor kortet indeholder kortoplysningerne, og områdeelementet tager attributterne til at definere hvert afsnit af kortet. Serverside billedkort oprettet ved hjælp af attribut, er attributten usemap navnet på vores kort.

Q # 10) Hvordan skriver du et copyright-symbol på en webbrowserside?

Svar: For at skrive et copyright-symbol skal vi skrive © eller © i en HTML5-fil.

Spørgsmål nr. 11) Hvordan optimeres webstedets aktiver?

Svar: Vi er nødt til at forstå nogle grundlæggende optimeringsregler for at optimere webstedets aktiver. Oprindeligt skal vi mindske downloadstørrelsen og foretage færre http-anmodninger.

For at optimere websides aktiver kan vi følge nedenstående teknikker:

  • Filkomprimering
  • Sammenkædning af filer
  • CDN Hosting
  • Aflæsning af aktiver
  • Omorganisering
  • Forfiningskode

Spørgsmål nr. 12) Hvad er brugen af ​​MathML Element i HTML5?

Svar: Ordet MathML (Mathematical Markup Language) er et markup-sprog, der bruges til at vise videnskabeligt og matematisk udtryk på nettet. MathML er en form for XML (udvideligt markup-sprog) til beskrivelse af matematiknotationen.

Vi kan bruge ... tags inde i HTML5-dokumenterne til implementering af MathML-element.

Eksempel: udskriv a² + 2b + 5 = 0 ved hjælp af HTML5-kode.

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

Bemærk: Hvis MathML bruges af et program, der overholder navneområdet i en XML-anbefaling, skal følgende navneområde bruges:

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

Spørgsmål nr. 13) Hvad er de forskellige formateringskoder i HTML5?

Svar: HTML5 har nogle gamle og nye formateringskoder som angivet nedenfor:

  • Markeret tekst: Repræsenterer fremhævet tekst til referenceformål. Vi kan bruge > tags til tekstfremhævning.
  • Slettet tekst: Angiver den slettede tekstblok. Vi kan bruge tags til at implementere en slettet tekst.
  • Fremhævet tekst: Definerer den fremhævede tekst. Vi kan bruge tags til implementering af en fremhævet tekst.
  • Indsat tekst: Indsætter en tekstblok i et dokument. Vi kan bruge tags til at implementere en indsat tekst.
  • Lille tekst: Vis indsat tekst i en lille størrelse. Vi kan bruge tags til at implementere en lille tekst.
  • Overskriftstekst: Dette er en tekst med overskrift. Vi kan bruge tags for at implementere en superscript-tekst.
  • Abonnementstekst: Dette er en abonnementstekst. Vi kan bruge tags for at implementere en superscript-tekst.

Spørgsmål nr. 14) Hvorfor bruger vi HTML5?

Svar: HTML5 understøtter animation, tegning, lyd, video osv., Og det integrerer let en video på websiden. Det kræver ikke yderligere software som Flash for at se videoer.

Nogle af de vigtige grunde til at bruge HTML5 er angivet nedenfor:

  • Legacy og cross-browser support
  • Bedre interaktioner
  • Smartere opbevaring
  • Renere kode

Spørgsmål nr. 15) Hvad er et hyperlink? Gælder det kun tekst?

Svar: Hyperlinket er et link, der giver brugeren mulighed for at flytte fra en webside til en anden webside, når der klikkes på den. Hyperlink-koncept bruges på både tekst og billede, og vi kan konvertere et billede til et link ved hjælp af > tags.

Eksempeltil C reate et hyperlink i et billede (klikbart billede) vises nedenfor.

Image Hyperlink Example Click the following link

Q # 16) Forklar begrebet weblagring i HTML5.

Svar: Weblagring giver mulighed for at gemme dataene i vores webapplikationer lokalt i brugerens browser. Det kan gemme op til 10 MB data. Weblagring hjælper med at øge ydeevnen for vores applikationer.

Der er to typer weblagring, der bruges til at gemme data lokalt i HTML5:

  • Lokal opbevaring: Dette gemmer de data, der ikke udløber eller slettes automatisk, når en bruger lukker eller genåbner en browser.
  • Session opbevaring: Dette gemmer kun data for en session (dvs. en bruger, der surfer på internettet eller webstedet). Når browseren er lukket, slettes sessionsdata automatisk fra webbrowseren.

Q # 17) Forklar Geolocation API i HTML5.

Svar: Geolocation API bruges til at lokalisere en brugers geografiske placering.

Af fortrolighedshensyn bliver brugeren bedt om tilladelse til at rapportere placeringsoplysningerne. Brug navigator.geolocation.get nuværende position () metode til at få brugerens position og geografiske koordinater (længdegrad og breddegradstal).

For eksempel vises Retur for en brugers bredde- og længdegradsposition nedenfor.

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; }

Eksempel forklaret:

  • Kontroller, om Geolocation understøttes eller ej.
  • Hvis Geolocation understøttes, skal du køre metoden getCurrentPosition (). Hvis Geolocation ikke understøttes, skal du vise fejlmeddelelsen til brugeren.
  • Hvis getCurrentPosition () -metoden er vellykket, returnerer den koordinater og funktioner, der er angivet i parameteren.
  • ShowPosition () -funktionen får output - længdegrad og bredde.

Q # 18) Forklar HTML5-grafik.

Svar: HTML5 understøtter to typer grafik, dvs. Canvas og SVG.

a) lærred: element bruges til at designe grafik på websiden, og det har flere tilgængelige metoder til at tegne cirkler, felter, tilføje billeder og tekst. 300 px X 150 px (bredde X højde) er standard pixelstørrelse på lærred.

Eksempelat tegne firkantet kasse med lærredselement er vist nedenfor.

#mycanvas{border:2px solid pink;}

b) SVG: Skalerbar vektorgrafik bruges mest til grafisk anvendelse og skalerbare vektortypediagrammer, såsom X-, Y-koordinatsystem, todimensionale og cirkeldiagrammer. Dette gør det hurtigere og let. SVG følger XML-format.

Eksempelat tegne et rektangel ved hjælp af SVG-element er vist nedenfor.

Spørgsmål nr. 19) Hvad er fordelene ved at bruge HTML5?

Svar: HTML5 er den avancerede version af HTML. HTML5 gør det muligt at oprette nemmere eller interaktive websteder ved at integrere video, lyd og grafik på websiden.

HTML5 understøtter multimedieteknologi og grafisk indhold til internettet uden brug af tredjeparts plugins.

Nogle af de vigtigste funktioner tilføjet af HTML5 inkluderer:

  • Geolokalisering
  • Offline applikationscache
  • Database på klientsiden
  • Fejlhåndtering
  • Ny struktur og nye multimedieelementer.
  • Browsersupport og kompatibilitet.

Understøtter noget nyt applikationsprogrammeringsgrænseflade (API) som:

  • Browserhistorikstyring
  • Træk og slip
  • 2D tegning på en webside
  • Tid medieafspilning

Understøttede applikationer inkluderer:

  • Webarbejdere - JavaScript
  • Lokal filadgang
  • Applikationscache
  • Lokal datalagring
  • Lokale SQL-databaser

Spørgsmål nr. 20) Hvordan oprettes et link, der opretter forbindelse til en anden webbrowserside, når der klikkes på i HTML5?

Svar: Brug mærket til at oprette hyperlinks, og disse bruges til at oprette forbindelse til en anden webside. Vi kan oprette hyperlink ved hjælp af type = tekst tag. Når vi klikker på teksten, åbnes den linkede URL på websiden.

For eksempel , koden nedenfor er et link, der fører til Yahoo-hjemmesiden, der findes på adressen https://in.yahoo.com

Yahoo link

Visit Yahoo Home Page

Spørgsmål nr. 21) Hvor mange webbrowsere understøtter HTML5?

hvilken i det følgende er ikke i tilstanden til systemtesten?

Svar: De fleste af de nyeste versioner af Apple Safari, Google Chrome, Opera, Internet Explorer og Mozilla Firefox understøttes af HTML5.

Spørgsmål nr. 22) Hvad er det ofte nyttige API i HTML5?

Svar: En liste over de mest anvendelige API'er i HTML5 inkluderer:

  • Media API
  • API til dataoverførsel
  • Application Cache API
  • Brugerinteraktion
  • Historie-API
  • Constraint Validation API
  • Command API
  • API til tekstspor

Spørgsmål nr. 23) Hvor mange tags blev fjernet i HTML5?

Svar: Listen over de tags, der er fjernet fuldstændigt i HTML5, inkluderer:

Spørgsmål nr. 24) Hvilke video- og lydformater bruges til indlejring på websiden?

Svar: Formater af video og lyd, der bruges til indlejring på websiden, er angivet nedenfor:

  • Video: MPEG4, Ogg, WebM.
  • Lyd: WAV, Ogg Vorbis, MP3.

Q # 25) Liste over sidestrukturelementerne i HTML5.

Svar: Sidestrukturelementer i HTML5 er angivet nedenfor:

  • : Repræsenterer overskriftsafsnittet og gemmer startoplysningerne om websiden.
  • : Repræsenterer sidefodsektionen (sidste del) på siden.
  • : Repræsenterer navigationselementerne på HTML-siden.
  • : Det er et sæt informationer.
  • : Det er et sæt instruktioner, der bruges inde i artikelblokken til at definere en sides grundlæggende struktur.
  • : Sidebjælkeindhold på siden.

Q # 26) Forklar nogle af de almindelige lister til design af en webside.

Svar: De almindelige lister til design af en webside inkluderer:

  • Katalogliste
  • Definition liste
  • Bestilt liste
  • Menuliste
  • Uordnet liste

Forskellige - Forskellige tags bruges til at komponere hver liste.

Spørgsmål nr. 27) Hvad er brugen af ​​output-tag i HTML5?

Svar: tag bruges til at repræsentere de forskellige typer output og resultat.

Spørgsmål nr. 28) Hvilket element indeholder funktionen til autofuldførelse i en tekstboks?

Svar: I HTML5element giver funktionen autofuldførelse i en tekstboks.

Spørgsmål nr. 29) Sådan integreres video og lyd i HTML5?

Svar:

Video:

Eksempel at integrere en video i HTML5:

Lyd:

Eksempel at integrere en lyd i HTML5:

Spørgsmål nr. 30) Hvad er de migrerede tags fra HTML4 til HTML5?

Svar: Liste over de migrerede tags fra HTML4 til HTML5 er angivet nedenfor:

Typisk HTML4 Typisk HTML5





Spørgsmål nr. 31) Hvad er delen af ​​HTML5-teknologier?

Svar: Listen er angivet nedenfor:

  • Webarbejdere
  • Weblagring
  • SVG
  • CSS3
  • Server-sendte begivenheder (SSE)
  • Mikrodata
  • Webintentioner
  • Web-stik
  • Offline ansøgning
  • Geolokalisering
  • API-fil
  • Webbeskeder
  • Træk og slip
  • Canvas 2D

Spørgsmål nr. 32) Hvad er forskellen mellem SVG og Canvas-elementer?

Svar:

SVGLærredselementer
SVG er ikke egnet til spilgrafik.Canvas er velegnet til spilgrafik.
Det er objektmodelbaseret.Det er pixelbaseret.
Er velegnet til brug af store gengivelsesområder.Er velegnet til brug af små gengivelsesområder.
SVG yder enhver support til begivenhedshåndterere.Canvas giver ikke mulighed for håndtering af begivenheder.
Ændring er tilladt via script og CSS.Ændring er kun tilladt via script.
SVG har bedre skalerbarhedCanvas har dårlig skalerbarhed.
SVG er vektorbaseret (sammensat af figurer).Canvas er Rasterbaseret (sammensat af en pixel).
SVG afhænger ikke af opløsning.Canvas er helt afhængig af opløsning.
SVG er i stand til API-animation.Canvas har ingen API til animation.
SVG er velegnet til udskrivning med høj kvalitet og enhver opløsning.Canvas er ikke egnet til udskrivning af høj kvalitet og høj opløsning.

Spørgsmål nr. 33) Hvad er brugen af ​​tag i HTML5?

Svar: Figurmærket bruges til at tilføje et billede i dokumentet på en webside.

Spørgsmål nr. 34) Hvad er mikrodata i HTML5?

Svar: Mikrodata er en ny enkel semantisk syntaks, der bruges til at tilføje de indlejrede grupper af navn og værdipar af data til dokumenter, der ofte er baseret på sideindholdet. Mikrodata bruges til nye globale attributter.

Q # 35) Forklar metatags.

Svar: Metatags bruges til at give nyttige oplysninger til vores websider.

Nogle af tags inkluderer:

  • Titel: Giver en titel til websiden.
  • Stil: Indsætter nogle typografier og CSS-detaljer på websiden.
  • Link: Definerer forholdet mellem en side til en anden side og en ekstern kilde.

Nogle nyttige forkortelser

  • XML: Udvideligt markup sprog
  • W3C: World Wide Web Consortium
  • SQL: Struktureret forespørgselssprog
  • JPEG: Fælles fotografisk ekspertgruppe
  • IP: Internetprotokol
  • HTTP: Protokol til overførsel af hypertekst
  • href: Hypertekstreference
  • FTP: Protokol til filoverførsel
  • ILD: Programmeringsgrænseflade til applikation
  • HER: Integreret udviklingsmiljø
  • VÆFT: Webindlejring af skrifttyper
  • DOM: Dokumentobjektmodel
  • URL: Uniform Resource Locator

Konklusion

HTML5 kan betragtes som grundlaget for webteknologier, dette er den primære teknologi, der bruges til at oprette websider.

Mange professionelle, der har til hensigt at opbygge en karriere inden for webteknologi, skal lære HTML5. HTML5 er ikke kun understrukturen til webteknologier, men det bruges også til at udvikle mobilapplikationer. Terminologisk er HTML5 ikke et programmeringssprog, det er snarere et markup-sprog.

Denne artikel vil være en guide til listen over de øverste HTML5-interviewspørgsmål og -svar, da den dækker både grundlæggende såvel som avancerede HTML5-interviewspørgsmål og -svar. Vi er sikre på, at disse igen er de store ressourcer til at hjælpe dig med at forberede dig til HTMl5-interviewet.

Håber, at denne artikel hjælper dig med at knække ethvert HTML5-interview med succes.

Anbefalet læsning

^