Meny

TOPP 35 HTML5 intervjufrågor och svar

top 35 html5 interview questions

Prova Vårt Instrument För Att Eliminera Problem

Vanliga HTML5-intervjufrågor med svar och kodexempel:

HTML5 är den senaste versionen av HTML-språket, HTML står för Hyper Text Markup Language, det är ett universellt World Wide Web Markup-språk som gör det möjligt att skapa och designa webbsidor som kan visas på internet.

HTML5 som publicerades officiellt 2012 stöder alla befintliga webbsidor.

Den här artikeln kommer att behandla såväl grundläggande som avancerade intervjufrågor på HTML5 med perfekta exempel för nybörjare och erfarna yrkespersoner.

html5 intervjufrågor och svar

Funktioner i HTML5

Det finns flera anmärkningsvärda funktioner i HTML5 och få bland dem beskrivs nedan för din referens.

De nya funktionerna i HTML5 inkluderar:

  • Stöd mediaelement som video och ljud.
  • Lokalt utrymme
  • Stödjer några nya element och anpassade attribut.
  • Nya formulärelement som webbadress, datum, intervall, tid, färg etc.

Rekommenderad läsning => Topp 30 HTML-intervjufrågor

De viktigaste HTML5-intervjufrågorna och -svaren

Nedan listas några av de vanligaste frågorna HTML5-frågor med kodningsexempel för enkel förståelse.

Gör dig redo !!

F # 1) Vad är HTML5?

Svar: HTML5 är den senaste versionen av HyperText Markup Language som kan hänvisas till WWW (World Wide Web) primärspråk. Detta markup-språk förbättrar en textfil med bitar av kod, och den här koden som vi kan säga som 'markup' beskriver dokumentets struktur.

HTML5 tillhandahåller vissa standardfunktioner som CSS, HTML, JavaScript och DOM, vilket i sin tur minskar behovet av externa plugins. Det är mer markering för att ersätta skript, bättre felhantering etc. HTML5 är enhetsoberoende.

HTML5 introducerar några nya funktioner som kan användas för att ändra sättet för användarinteraktion med dokument inklusive:

  • Lägga till nya tolkningsregler för att öka flexibiliteten.
  • Lägga till nya attribut.
  • Tillåt offline redigering.
  • Support (Web SQL), - En vanlig standard för lagring av data i SQL-databaser.
  • Supportprotokoll och MIME-hanterarregistrering.

F # 2) Vad är skillnaden mellan HTML och HTML5?

Svar: Skillnaden mellan HTML och HTML5 ges nedan:

HTML5HTML
Tillåter dra och släpp-effekt.Tillåter inte dra och släpp-effekt.
HTML5 har video- och ljudstöd på hög nivå.Högkvalitativt video- och ljudstöd är inte en del av versionen och specifikationerna i den tidigare HTML-filen.
Canvas, SVG och annan virtuell vektorgrafik stöds i HTML5.I HTML, om vi vill implementera vektorgrafik, var det bara möjligt genom att använda tredjepartsbibliotek som VML, Silver-light, etc.
SVG och MathML kan användas i text.Detta är inte möjligt i HTML.
Web SQL-databas, applikationscache och webblagring används som permanent lagring.Webbläsarcache kan användas som tillfällig lagring.
HTML5 är mer mobilvänligt.HTML är mindre mobilvänligt.
Doktypdeklaration är enkelt och enkelt.Doktypdeklaration är lång och komplicerad ..
Attribut för Async, charset och ping är tillgängliga.Dessa attribut är inte tillgängliga i HTML.
HTML5-stödjavascript ska köras i bakgrunden.Stöder inte javascript som kan köras i webbläsaren.
Vi kan rita former som rektangel, cirkel och triangel i HTML5.Det är inte möjligt att rita former som rektangel, cirkel, triangel etc.

F # 3) Vad är? Vilka är de olika typerna som finns tillgängliga?

Svar: Deklarationen ger instruktioner till webbläsaren för att förstå vilken information den ska visas och behovet av att börja med deklarationen. I HTML5 är DOCTYPE-deklarationen mycket kort och skiftlägeskänslig och skrivs högst upp på varje HTML5-sida.

Följande DOCTYPE stöds också i HTML5:

Det finns tre typer av DOKTYPER som nämns nedan:

  • Strikt doktyp
  • Frameset Doctype
  • Övergångsdoktyp

F # 4) Vilka är de nya taggarna i Media Elements i HTML5?

Svar: De nya taggarna i Media Elements i HTML5 är listade nedan :

  • : Ansök om multimediainnehåll som ljud, ljudströmmar eller musik, bädda in ljudinnehåll utan krav på ytterligare plugin-program som flash-spelare.
  • : Ansök om videoinnehåll som videoströmmar eller filmklipp, bädda in videoinnehåll etc.
  • : Ansök om flera mediaresurser i mediaelement, såsom ljud, video, bild etc.
  • : Ansök om en extern applikation eller inbäddat innehåll (ett plugin-program).
  • : Ansök om textspår i mediaelementen som video eller ljud. Den här taggen används för undertexter eller bildtexter medan videomediet spelas upp.

F # 5) Vad är en tagg i HTML5?

Svar: En tagg är ett speciellt innehåll i HTML5, som omges av en vinkelfäste (). En snedstreck (/) symbol används för att stänga taggen efter att blocket har slutförts.

Till exempel

This is my Browser

En Html5-tagg är en uppsättning tecken som utvecklar ett formaterat kommando för en webbsida. Dessa formaterade kommandon kommunicerar och skickar instruktionen till webbläsaren.

F # 6) Vad är det minsta antal HTML5-taggar som krävs för att skapa en webbsida?

Svar: Minst 3 HTML5-taggar krävs för att skapa en webbsida, till exempel (,,).

F # 7) Vilken betydelse har dra och släpp i HTML5?

Svar: Dra och släpp är det viktigaste användargränssnittskonceptet som gör det enkelt att ta tag i ett objekt och dra det till den plats du vill ha med hjälp av ett musklick.

Några vanliga funktioner som oftast används av dra och släpp-operationer inkluderar flytt, länk eller kopia.

Vi kan dra en bild med hjälp av element, typ = , för att göra en bild dragbar och ställa in attributet dragbar bild till sann.

F # 8) Förklara nya formulärinmatningstyper i HTML5.

Svar: HTML5 har 14 nya formulärinmatningstyper:

  • Datum: Detta är en datumväljare, vi kan välja ett datum med hjälp av typ = 'datum'.
  • Vecka: Detta är en veckoväljare, vi kan välja en vecka med hjälp av typ = 'vecka'.
  • Månad: Detta är en månadsväljare, vi kan välja en månad med hjälp av typ = 'månad'.
  • Tid: Detta är en tidsväljare, vi kan välja tiden med hjälp av typ = 'tid'.
  • Datum Tid: Detta är ett kombinerat datum och tid, vi kan välja kombinationen av datum och tid med hjälp av typ = 'Datum Tid'.
  • Datetime-local: Ett kombinerat lokalt datum och tid, vi kan välja kombinationen av lokalt datum och tid med typ = “DateTime-local”.
  • E-post: Tillåter en eller flera e-postadresser, vi kan ange flera e-postadresser med typ = 'e-post'.
  • Telefon: Tillåter olika telefonnummer runt om i världen. Ett telefonnummer valideras av klientsidan. Vi kan ange ett telefonnummer med typ = 'Telefon'.
  • Sök: Tillåter sökningar efter inmatningstext. Vi kan ange flera frågor med typ = 'Sök'.
  • Siffra: Gör det möjligt att infoga ett numeriskt värde med ytterligare attribut som min, max. etc., och vi kan ange flera numeriska värden med typ = 'siffra'.
  • Webbadress: En url-inmatningstyp som används för webbadressen. I en enda webbadress kan vi använda flera attribut med typ = “Url”.
  • Färg: Gör det möjligt att välja flera färger, vi kan ta fram flera färger med typ = 'Färg'.
  • Räckvidd: Gör det möjligt att infoga ett numeriskt värde inom ett visst område, intervallet liknar numret men det är mycket specifikt. Vi kan ange ett numeriskt värde inom ett område med typ = 'räckvidd'.
  • Platshållare: Gör det möjligt att visa en kort ledtråd (vanligtvis i en ljus färg) i inmatningsfälten innan vi anger värdet. Vi kan skriva en kort ledtråd i inmatningsfältet med hjälp av typ = 'Platshållare'.

F # 9) Vad är bildkarta i html5?

Svar: Bildkartor är en kombination av URL och bilder, där du klickar på dessa bilder (klickbart område på bilden) öppnar olika nya webbsidor.

Två typer av bildkartor finns i HTML5, dvs. klientsidan och serversidan:

Bildkartan på klientsidan skapas med hjälp av två element och där kartan innehåller kartinformationen och områdeselementet tar attributen för att definiera varje sektion på kartan. Bildkarta på serversidan skapad med hjälp av attribut är attributet usemap namnet på vår karta.

F # 10) Hur skriver du en copyright-symbol på en webbläsarsida?

Svar: För att kunna skriva en copyright-symbol måste vi skriva © eller © i en HTML5-fil.

F # 11) Hur optimerar man webbplatsens tillgångar?

Svar: Vi måste förstå några grundläggande optimeringsregler för att optimera webbplatsens tillgångar. Inledningsvis bör vi minska nedladdningsstorleken och göra färre http-förfrågningar.

För att optimera webbplatsens tillgångar kan vi följa nedanstående tekniker:

  • Filkomprimering
  • Sammankoppling av filer
  • CDN Hosting
  • Avlastning av tillgångar
  • Omorganisation
  • Förfining av kod

F # 12) Vad är användningen av MathML Element i HTML5?

Svar: Ordet MathML (Mathematical Markup Language) är ett markup-språk som används för att visa vetenskapligt och matematiskt uttryck på webben. MathML är en form av XML (utökbart markeringsspråk) för att beskriva matematiknotationen.

Vi kan använda ... taggar i HTML5-dokumenten för implementering av MathML-element.

Exempel: skriva ut a² + 2b + 5 = 0 med HTML5-kod.

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

Notera: Om MathML används av ett program som överensstämmer med namnområdet i en XML-rekommendation, ska följande namnområde användas:

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

F # 13) Vilka är de olika formateringstaggarna i HTML5?

Svar: HTML5 har några gamla och nya formateringstaggar enligt nedan:

  • Markerad text: Representerar markerad text för referensändamål. Vi kan använda > taggar för textmarkering.
  • Borttagen text: Anger det borttagna textblocket. Vi kan använda taggar för att implementera en borttagen text.
  • Betonad text: Definierar den betonade texten. Vi kan använda taggar för att implementera en betonad text.
  • Infogad text: Infogar ett textblock i ett dokument. Vi kan använda märken för att implementera en infogad text.
  • Liten text: Visa infogad text i liten storlek. Vi kan använda märken för att implementera en liten text.
  • Överskriftstext: Detta är en text som skrivs upp. Vi kan använda taggar för att implementera en superscript-text.
  • Prenumerationstext: Detta är en prenumererad text. Vi kan använda taggar för att implementera en superscript-text.

F # 14) Varför använder vi HTML5?

Svar: HTML5 stöder animering, ritning, ljud, video, etc. och det bäddar enkelt in en video på webbsidan. Det kräver ingen ytterligare programvara som Flash för att titta på videor.

Några av de viktiga anledningarna till att använda HTML5 ges nedan:

  • Legacy och webbläsarstöd
  • Bättre interaktioner
  • Smartare lagring
  • Rengöringskod

F # 15) Vad är en hyperlänk? Gäller det bara text?

Svar: Hyperlänken är en länk som gör det möjligt för en användare att flytta från en webbsida till en annan webbsida när man klickar på den. Hyperlänk-konceptet används på både text och bild, och vi kan konvertera en bild till en länk med hjälp av > taggar.

Exempeltill C återskapa en hyperlänk i en bild (klickbar bild) visas nedan.

Image Hyperlink Example Click the following link

F # 16) Förklara begreppet webblagring i HTML5.

Svar: Webblagring ger möjlighet att lagra data från våra webbapplikationer lokalt i användarens webbläsare. Det kan lagra upp till 10 MB data. Webblagring hjälper till att öka prestandan för våra applikationer.

Det finns två typer av webblagring som används för att lagra data lokalt i HTML5:

  • Lokalt utrymme: Detta lagrar data som inte upphör eller rensas automatiskt när en användare stänger eller öppnar en webbläsare.
  • Sessionsförvaring: Detta lagrar endast data för en session (dvs. en användare som surfar på internet eller webbplats). När webbläsaren är stängd raderas sessionsdata automatiskt från webbläsaren.

F # 17) Förklara Geolocation API i HTML5.

Svar: Geolocation API används för att lokalisera en användares geografiska position.

Av sekretessskäl uppmanas användaren om tillstånd att rapportera platsinformationen. Använd navigator.geolocation.get nuvarande position () metod för att få användarens position och geografiska koordinater (longitud och latitud).

Till exempel visas nedan för att returnera en användares latitud och longitud.

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

Exempel förklarat:

  • Kontrollera om Geolocation stöds eller inte.
  • Om Geolocation stöds kör du metoden getCurrentPosition (). Om Geolocation inte stöds, visa felmeddelandet för användaren.
  • Om getCurrentPosition () -metoden lyckas returnerar den koordinater och funktioner som anges i parametern.
  • Funktionen showPosition () får utdata - Longitud och Latitud.

F # 18) Förklara HTML5-grafik.

Svar: HTML5 stöder två typer av grafik, dvs. Canvas och SVG.

a) Canvas: elementet används för att designa grafik på webbsidan, och det har flera tillgängliga metoder för att rita cirklar, rutor, lägga till bilder och text. 300 px X 150 px (bredd X höjd) är standardbildstorleken på duken.

Exempelatt rita fyrkantig ruta med dukelement visas nedan.

#mycanvas{border:2px solid pink;}

b) SVG: Skalbar vektorgrafik, används mest för grafisk applikation och skalbara vektortypdiagram, såsom X-, Y-koordinatsystem, tvådimensionella och cirkeldiagram. Detta gör den snabbare och lättare. SVG följer XML-format.

Exempelatt rita en rektangel med SVG-element visas nedan.

F # 19) Vilka är fördelarna med att använda HTML5?

Svar: HTML5 är den avancerade versionen av HTML. HTML5 gör det möjligt att skapa enklare eller interaktiva webbplatser genom att bädda in video, ljud och grafik på webbsidan.

HTML5 stöder multimedieteknik och grafiskt innehåll till webben utan att använda någon tredje parts plugins.

Några av de viktigaste funktionerna som läggs till av HTML5 inkluderar:

  • Geolokalisering
  • Offline applikationscache
  • Databas på klientsidan
  • Felhantering
  • Ny struktur och nya multimediaelement.
  • Webbläsarstöd och kompatibilitet.

Stöder vissa nya applikationsprogrammeringsgränssnitt (API) som:

  • Hantering av webbläsarhistorik
  • Dra och släpp
  • 2D-ritning på en webbsida
  • Tidsuppspelning av media

Stödda applikationer inkluderar:

  • Webbarbetare - JavaScript
  • Lokal filåtkomst
  • Programcache
  • Lokal datalagring
  • Lokala SQL-databaser

F # 20) Hur skapar jag en länk som ansluts till en annan webbläsarsida när man klickar i HTML5?

Svar: Använd taggen för att skapa hyperlänkar, och dessa används för att ansluta till en annan webbsida. Vi kan skapa hyperlänk med hjälp av typ = text märka. När vi klickar på texten öppnas den länkade webbadressen till webbsidan.

Till exempel , koden nedan är en länk som leder till Yahoos hemsida, som finns på adressen https://in.yahoo.com

Yahoo link

Visit Yahoo Home Page

F # 21) Hur många webbläsare stöder HTML5?

html5 intervjufrågor och svar för erfaren pdf

Svar: De flesta av de senaste versionerna av Apple Safari, Google Chrome, Opera, Internet Explorer och Mozilla Firefox stöds av HTML5.

F # 22) Vilka är det ofta användbara API: et i HTML5?

Svar: En lista över de mest användbara API: erna i HTML5 inkluderar:

  • Media API
  • API för dataöverföring
  • Application Cache API
  • Användarinteraktion
  • API för historia
  • Constraint Validation API
  • Command API
  • Text Track API

F # 23) Hur många taggar togs bort i HTML5?

Svar: Listan över taggar som tas bort helt i HTML5 inkluderar:

F # 24) Vilka video- och ljudformat används för inbäddning på webbsidan?

Svar: Format för video och ljud som används för att bädda in på webbsidan ges nedan:

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

F # 25) Lista upp sidstrukturelementen i HTML5.

Svar: Sidstrukturelement i HTML5 ges nedan:

  • : Representerar rubriksektionen och lagrar startinformationen om webbsidan.
  • : Representerar sidfotsektionen (sista delen) på sidan.
  • : Representerar navigationselementen på HTML-sidan.
  • : Det är en uppsättning information.
  • : Det är en uppsättning instruktioner som används inne i artikelblocket för att definiera en sidas grundstruktur.
  • : Sidans sidinnehåll.

F # 26) Förklara några av de vanliga listorna för att utforma en webbsida.

Svar: De vanliga listorna för att utforma en webbsida inkluderar:

  • Kataloglista
  • Definitionslista
  • Beställd lista
  • Menylista
  • Oordnad lista

Annorlunda - Olika taggar används för att komponera varje lista.

F # 27) Vad är det för användning av uttagstaggen i HTML5?

Svar: taggen används för att representera olika typer av utdata och resultat.

F # 28) Vilket element tillhandahåller funktionen för autoslutförande i en textruta?

Svar: I HTML5element tillhandahåller funktionen för autoslutförande i en textruta.

F # 29) Hur bädda in video och ljud i HTML5?

Svar:

Video:

Exempel att bädda in en video i HTML5:

Audio:

Exempel att bädda in ett ljud i HTML5:

F # 30) Vilka är de migrerade taggarna från HTML4 till HTML5?

Svar: Lista över de migrerade taggarna från HTML4 till HTML5 ges nedan:

Typisk HTML4 Typisk HTML5





F # 31) Vilken är delen av HTML5 Technologies?

Svar: Listan ges nedan:

  • Webbarbetare
  • Webblager
  • SVG
  • CSS3
  • Server-Sent Events (SSE)
  • Mikrodata
  • Webbintentioner
  • Webbuttag
  • Offline ansökan
  • Geolokalisering
  • API-fil
  • Webbmeddelanden
  • Dra och släpp
  • Canvas 2D

F # 32) Vad är skillnaden mellan SVG- och Canvas-element?

Svar:

SVGKanfaselement
SVG är inte lämpligt för spelgrafik.Canvas är lämplig för spelgrafik.
Det är objektmodellbaserat.Den är pixelbaserad.
Är lämplig för användning av stora återgivningsområden.Är lämplig för användning av små ytor.
SVG ger stöd för eventhanterare.Canvas tillhandahåller inte någon möjlighet för evenemangshanterare.
Ändring är tillåten genom skript och CSS.Ändring är endast tillåten via skript.
SVG har bättre skalbarhetCanvas har dålig skalbarhet.
SVG är vektorbaserat (består av former).Canvas är baserad på raster (består av en pixel).
SVG är inte beroende av upplösning.Canvas är helt beroende av upplösning.
SVG kan API-animering.Canvas har inget API för animering.
SVG är lämpligt för utskrift med hög kvalitet och valfri upplösning.Canvas är inte lämplig för utskrift av hög kvalitet och hög upplösning.

F # 33) Vad är användningen av taggen i HTML5?

Svar: Figurtaggen används för att lägga till en bild i dokumentet på en webbsida.

F # 34) Vad är mikrodata i HTML5?

Svar: Microdata är en ny enkel semantisk syntax, som används för att lägga till de kapslade grupperna med namn och värdepar av data till dokument, som ofta baseras på sidinnehållet. Microdata används för nya globala attribut.

F # 35) Förklara metataggar.

Svar: Metataggar används för att ge användbar information till våra webbsidor.

Några av taggarna inkluderar:

  • Titel: Ger en titel till webbsidan.
  • Stil: Infogar vissa stilar och CSS-detaljer på webbsidan.
  • Länk: Definierar förhållandet mellan en sida till en annan sida och en extern källa.

Några användbara förkortningar

  • XML: Extensible Markup Language
  • W3C: World Wide Web Consortium
  • SQL: Structured Query Language
  • JPEG: Gemensam fotografisk expertgrupp
  • IP: internet protokoll
  • HTTP: Protokoll för hypertextöverföring
  • href: Hypertextreferens
  • FTP: Filöverföringsprotokoll
  • BRAND: Applikationsprogrammeringsgränssnitt
  • HÄR: Integrerad utvecklingsmiljö
  • VÄFT: Verktyg för webbinbäddning av teckensnitt
  • DOM: Dokumentobjektmodell
  • Webbadress: Uniform Resource Locator

Slutsats

HTML5 kan betraktas som grunden för webbtekniker, detta är den primära tekniken som används för att skapa webbsidor.

Många yrkesverksamma som tänker bygga en karriär inom webbteknik måste lära sig HTML5. HTML5 är inte bara understrukturen för webbteknik, utan används också för att utveckla mobilapplikationer. Terminologiskt sett är HTML5 inte ett programmeringsspråk, utan är ett markeringsspråk.

Den här artikeln kommer att vara en guide till listan över de översta HTML5-intervjufrågorna och svaren eftersom den täcker både grundläggande och avancerade HTML5-intervjufrågor och svar. Vi är säkra på att dessa i sin tur är de stora resurserna som hjälper dig att förbereda dig för HTMl5-intervjun.

Hoppas att den här artikeln hjälper dig att knäcka en HTML5-intervju framgångsrikt.

Rekommenderad läsning

^