top 35 html5 interview questions
Ofte stilte spørsmål om HTML5-intervju med svar og kodeeksempler:
HTML5 er den siste versjonen av HTML-språket, HTML står for Hyper Text Markup Language, det er et universelt World Wide Web Markup-språk som gjør det mulig å lage og designe websider som skal vises på internett.
HTML5 som ble offisielt publisert i 2012 støtter alle eksisterende websider.
Denne artikkelen vil dekke både grunnleggende og avanserte intervjuspørsmål på HTML5 med perfekte eksempler for nybegynnere og erfarne fagpersoner.
Funksjoner i HTML5
Det er flere bemerkelsesverdige funksjoner i HTML5, og få av dem er orientert nedenfor for din referanse.
De nye funksjonene i HTML5 inkluderer:
- Støtte medieelement som video og lyd.
- Lokal lagring
- Støtter noen nye elementer og egendefinerte attributter.
- Nye formelementer som url, dato, område, tid, farge osv.
Anbefalt lesing => Topp 30 HTML-intervjuspørsmål
De viktigste HTML5-intervjuspørsmålene og -svarene
Her er noen av de mest spurte HTML5 spørsmål med kodeeksempler for enkel forståelse.
Gjør deg klar!!
Q # 1) Hva er HTML5?
Svar: HTML5 er den siste versjonen av HyperText Markup Language som kan henvises til WWW (World Wide Web) primærspråk. Dette markup-språket forbedrer en tekstfil med biter av kode, og denne koden som vi kan si som 'markup' beskriver strukturen til dokumentet.
HTML5 gir noen standardfunksjoner som CSS, HTML, JavaScript og DOM, som igjen vil redusere kravet til eksterne plugins. Det er mer markering for å erstatte skripting, bedre feilhåndtering osv. HTML5 er enhetsuavhengig.
HTML5 introduserer noen nye funksjoner som kan brukes til å endre måten brukerinteraksjon med dokumenter inkluderer:
- Legge til nye parseringsregler for å øke fleksibiliteten.
- Legger til nye attributter.
- Tillat redigering uten nett.
- Support (Web SQL), - En vanlig standard for lagring av data i SQL-databaser.
- Support Protocol og MIME handler registrering.
Q # 2) Hva er forskjellen mellom HTML og HTML5?
Svar: Forskjellen mellom HTML og HTML5 er gitt nedenfor:
HTML5 | HTML |
---|---|
Tillater dra og slipp-effekt. | Tillater ikke dra og slipp-effekt. |
HTML5 har støtte på høyt nivå for video og lyd. | Video- og lydstøtte på høyt nivå er ikke en del av versjonen og spesifikasjonene i forrige HTML. |
Canvas, SVG og annen virtuell vektorgrafikk støttes i HTML5. | I HTML, hvis vi ønsker å implementere vektorgrafikk, var det bare mulig å bruke tredjepartsbibliotek som VML, Silver-light, etc. |
SVG og MathML kan brukes i tekst. | Dette er ikke mulig i HTML. |
Web SQL-database, applikasjonsbuffer og nettlagring brukes som permanent lagring. | Nettleserbuffer kan brukes som midlertidig lagring. |
HTML5 er mer mobilvennlig. | HTML er mindre mobilvennlig. |
Doktypedeklarasjon er enkel og enkel. | Doktypedeklarasjon er lang og komplisert. |
Attributter til Async, charset og ping er tilgjengelige. | Disse attributtene er ikke tilgjengelige i HTML. |
HTML5-støtte javascript for å kjøre i bakgrunnen. | Støtter ikke javascript for å kjøre i nettleseren. |
Vi kan tegne former som rektangel, sirkel og trekant i HTML5. | Det er ikke mulig å tegne former som rektangel, sirkel, trekant osv. |
Q # 3) Hva er? Hva er de forskjellige typene som er tilgjengelige?
Svar: Erklæringen gir instruksjon til nettleseren om å forstå hvilken informasjon den skal vises, og behovet for å starte med erklæring. I HTML5 er DOCTYPE-deklarasjon veldig kort og ikke skiftende på store og små bokstaver, og er skrevet øverst på hver HTML5-side.
Følgende DOCTYPE støttes også i HTML5:
Det er tre typer DOKTYPER som nevnt nedenfor:
- Streng doktype
- Rammesett Doctype
- Overgangsdokumentype
Q # 4) Hva er de nye kodene i Media Elements i HTML5?
Svar: De nye kodene i Media Elements i HTML5 er vervet nedenfor :
- : Søk om multimediainnhold som lyder, lydstrømmer eller musikk, legg inn lydinnhold uten behov for ekstra plugin-program som flash-spiller.
- : Søk om videoinnhold som videostrømmer eller filmklipp, legg inn videoinnhold etc.
- : Søk om flere mediaressurser i medieelementer, for eksempel lyd, video, bilde etc.
- : Søk om et eksternt program eller innebygd innhold (en plugin-modul).
- : Søk om tekstspor i medieelementene som video eller lyd. Denne koden brukes til undertekster eller tekstfiler mens videomediet spilles av.
Q # 5) Hva er en kode i HTML5?
Svar: En tag er et spesielt innhold i HTML5, som er omgitt av en vinkelfeste (). Et skråstrek (/) symbol brukes til å lukke koden etter å ha fullført blokken.
For eksempel
This is my Browser
En Html5-tag er et sett med tegn som utvikler en formatert kommando for en webside. Disse formaterte kommandoene kommuniserer og sender instruksjonene til nettleseren.
Q # 6) Hva er minimum antall HTML5-koder som kreves for å opprette en webside?
Svar: Minimum 3 HTML5-koder kreves for å opprette en webside, for eksempel (,,).
Sp # 7) Hva er viktigheten av Dra og slipp i HTML5?
Svar: Dra og slipp er det viktigste brukergrensesnittkonseptet som gjør det enkelt å ta tak i et objekt og dra det til stedet du ønsker ved hjelp av et museklikk.
Noen vanlige funksjoner som mest brukes av dra og slipp-operasjon inkluderer flytting, lenke eller kopiering.
Vi kan dra et bilde ved hjelp av elementer, type = , for å lage et bilde som kan trekkes og sette attributt for et bilde som kan trekkes til sant.
Q # 8) Forklar nye skjemainngangstyper i HTML5.
Svar: HTML5 har 14 nye skjemainngangstyper:
- Dato: Dette er en datovelger, vi kan velge en dato ved å bruke type = 'Dato'.
- Uke: Dette er en ukevelger, vi kan velge en uke ved å bruke type = 'uke'.
- Måned: Dette er en månedsvelger, vi kan velge en måned ved å bruke type = 'måned'.
- Tid: Dette er en tidsvelger, vi kan velge tiden ved å bruke type = 'tid'.
- Dato tid: Dette er en kombinert dato og tid, vi kan velge kombinasjonen av dato og tid ved å bruke type = 'Dato tid'.
- Datetime-local: En kombinert lokal dato og tid, vi kan velge kombinasjonen av lokal dato og tid ved hjelp av type = “DateTime-local”.
- E-post: Tillater en eller flere e-postadresser, vi kan angi flere e-postadresser ved hjelp av type = “E-post”.
- Telefon: Tillater forskjellige telefonnumre over hele verden. Et telefonnummer valideres av klientsiden. Vi kan angi et telefonnummer ved hjelp av type = 'Telefon'.
- Søk: Gjør det mulig å søke på søk etter tekst. Vi kan skrive inn flere spørsmål ved hjelp av type = 'Søk'.
- Nummer: Tillater å sette inn en numerisk verdi med tilleggsattributter som min, maks. osv., og vi kan angi flere numeriske verdier ved hjelp av type = 'Nummer'.
- URL: En url-inngangstype som brukes til nettadressen. I en enkelt url kan vi bruke flere attributter ved hjelp av type = “Url”.
- Farge: Tillater å velge flere farger, vi kan fotografere flere farger ved hjelp av type = 'farge'.
- Område: Tillater å sette inn en numerisk verdi innenfor et bestemt område. Området ligner tallet, men det er mye spesifikt. Vi kan angi en numerisk verdi innenfor et område ved hjelp av type = 'område'.
- Plassholder: Gjør det mulig å vise et kort hint (vanligvis i en lys farge) i inndatafeltet før vi angir verdien. Vi kan skrive et kort hint i inndatafeltet ved å bruke type = “Plassholder”.
Sp # 9) Hva er bildekart i html5?
Svar: Bildekart er en kombinasjon av URL og bilder, der du klikker på disse bildene (klikkbart område på bildet) åpner forskjellige nye websider.
To typer bildekart er tilgjengelige i HTML5, dvs. klientsiden og serversiden:
Bildekartet på klientsiden blir opprettet ved å bruke to elementer og, der kartet inneholder kartinformasjonen og områdeelementet tar attributtene for å definere hver del av kartet. Bildekart på serversiden opprettet ved bruk av attributt, er attributtet usemap navnet på kartet vårt.
Sp # 10) Hvordan skriver du et copyright-symbol på en nettleserside?
Svar: For å skrive et copyright-symbol må vi skrive © eller © i en HTML5-fil.
Sp # 11) Hvordan optimalisere nettstedets eiendeler?
Svar: Vi må forstå noen grunnleggende optimaliseringsregler for å optimalisere nettstedets eiendeler. I utgangspunktet bør vi redusere nedlastingsstørrelsen og komme med færre http-forespørsler.
For å optimalisere nettstedets eiendeler kan vi følge teknikkene nedenfor:
- Filkomprimering
- Sammenkobling av filer
- CDN Hosting
- Laster ut eiendeler
- Omorganisering
- Raffinering av kode
Q # 12) Hva er bruken av MathML Element i HTML5?
Svar: Ordet MathML (Mathematical Markup Language) er et markup-språk som brukes til å vise vitenskapelig og matematisk uttrykk på nettet. MathML er en form for XML (utvidbart markeringsspråk) for å beskrive matematikknotasjonen.
Vi kan bruke ... tagger inne i HTML5-dokumentene for implementering av MathML-element.
Eksempel: skriv ut a² + 2b + 5 = 0 ved hjelp av HTML5-kode.
MathMl Example
Merk: Hvis MathML brukes av et program som samsvarer med navneområdet i en XML-anbefaling, bør følgende navneområde brukes:
http://www.w3.org/1998/Math/MathML
Q # 13) Hva er de forskjellige formateringskodene i HTML5?
Svar: HTML5 har noen gamle og nye formateringskoder som gitt nedenfor:
- Markert tekst: Representerer uthevet tekst for referanseformål. Vi kan bruke
> koder for tekstheving. - Slettet tekst: Spesifiserer den slettede tekstblokken. Vi kan bruke merker for å implementere en slettet tekst.
- Fremhevet tekst: Definerer den fremhevede teksten. Vi kan bruke tagger for å implementere en fremhevet tekst.
- Sett inn tekst: Setter inn en tekstblokk i et dokument. Vi kan bruke merker for å implementere en innsatt tekst.
- Liten tekst: Vis innsatt tekst i liten størrelse. Vi kan bruke merker for å implementere en liten tekst.
- Overskriftstekst: Dette er en oppskrift. Vi kan bruke tagger for å implementere en superscript-tekst.
- Abonnementstekst: Dette er en tegnet tekst. Vi kan bruke tagger for å implementere en superscript-tekst.
Sp # 14) Hvorfor bruker vi HTML5?
Svar: HTML5 støtter animasjon, tegning, lyd, video osv., Og det innebærer enkelt å legge inn en video på websiden. Det krever ingen ekstra programvare som Flash for å se på videoer.
Noen av de viktigste grunnene til å bruke HTML5 er gitt nedenfor:
- Legacy og cross-browser støtte
- Bedre interaksjoner
- Smartere lagring
- Rengjøringskode
Sp # 15) Hva er en hyperkobling? Gjelder det bare tekst?
Svar: Hyperkoblingen er en lenke som lar brukeren flytte fra en webside til en annen webside når man klikker på den. Hyperkoblingskonsept brukes på tekst og i tillegg til bilde, og vi kan konvertere et bilde til en lenke ved hjelp av > koder.
Eksempeltil C reater en hyperkobling i et bilde (klikkbart bilde) vises nedenfor.
Image Hyperlink Example Click the following link
Q # 16) Forklar begrepet nettlagring i HTML5.
Svar: Nettlagring gir muligheten til å lagre dataene til webapplikasjonene lokalt i brukerens nettleser. Den kan lagre opptil 10 MB data. Nettlagring bidrar til å øke ytelsen til applikasjonene våre.
Det er to typer nettlagring som brukes til å lagre data lokalt i HTML5:
- Lokal lagring: Dette lagrer dataene som ikke utløper eller slettes automatisk når en bruker lukker eller åpner en nettleser.
- Session Storage: Dette lagrer bare data for en økt (dvs. en bruker som surfer på internett eller nettstedet). Når nettleseren er lukket, vil sesjonsdata automatisk slettes fra nettleseren.
Q # 17) Forklar Geolocation API i HTML5.
Svar: API for geolocation brukes til å finne en brukers geografiske posisjon.
Av personvernhensyn blir brukeren bedt om tillatelse til å rapportere stedsinformasjonen. Bruke navigator.geolocation.get nåværende posisjon () metode for å få brukerens posisjon og geografiske koordinater (lengdegrad og breddegrad).
For eksempel, for å returnere en brukeres bredde- og lengdegradsposisjon, vises 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 forklart:
- Sjekk om Geolocation støttes eller ikke.
- Hvis Geolocation støttes, kjører du getCurrentPosition () -metoden. Hvis Geolocation ikke støttes, kan du vise feilmeldingen til brukeren.
- Hvis getCurrentPosition () -metoden er vellykket, returnerer den koordinater og funksjoner som er spesifisert i parameteren.
- ShowPosition () -funksjonen får utdata - lengdegrad og breddegrad.
Q # 18) Forklar HTML5-grafikk.
Svar: HTML5 støtter to typer grafikk, dvs. Canvas og SVG.
a) Lerret: elementet brukes til å designe grafikk på websiden, og det har flere tilgjengelige metoder for å tegne sirkler, bokser, legge til bilder og tekst. 300 px X 150 px (bredde X høyde) er standard pikselstørrelse på lerretet.
Eksempelå tegne firkantet rute med lerretelement er vist nedenfor.
#mycanvas{border:2px solid pink;}
b) SVG: Skalerbar vektorgrafikk, brukes mest til grafisk anvendelse og skalerbare vektortypediagrammer, for eksempel X-, Y-koordinatsystem, todimensjonale og kakediagrammer. Dette gjør den raskere og lett. SVG følger XML-format.
Eksempelå tegne et rektangel ved hjelp av SVG-element er vist nedenfor.
Spørsmål nr. 19) Hva er fordelene med å bruke HTML5?
Svar: HTML5 er den avanserte versjonen av HTML. HTML5 gjør det mulig å lage enklere eller interaktive nettsteder ved å legge inn video, lyd og grafikk på websiden.
HTML5 støtter multimedieteknologi og grafisk innhold på nettet uten å bruke noen tredjeparts plugins.
Noen av de viktigste funksjonene lagt til av HTML5 inkluderer:
- Geolokalisering
- Frakoblet applikasjonsbuffer
- Database på klientsiden
- Feilhåndtering
- Ny struktur og nye multimediaelementer.
- Nettleserstøtte og kompatibilitet.
Støtter noe nytt applikasjonsprogrammeringsgrensesnitt (API) som:
- Nettleserhistorikkadministrasjon
- Dra og slipp
- 2D tegning på en webside
- Tidsavspilling av media
Støttede applikasjoner inkluderer:
- Nettarbeidere - JavaScript
- Lokal filtilgang
- Programbuffer
- Lokal datalagring
- Lokale SQL-databaser
Q # 20) Hvordan lage en lenke som kobles til en annen nettleserside når du klikker på den i HTML5?
Svar: Bruk taggen til å lage hyperkoblinger, og disse brukes til å koble til en annen webside. Vi kan lage hyperkobling ved å bruke type = tekst stikkord. Når vi klikker på teksten, åpnes den koblede URL-en til websiden.
For eksempel , koden nedenfor er en lenke som fører til Yahoo-hjemmesiden, som ligger på adressen https://in.yahoo.com
Yahoo link
Visit Yahoo Home Page
Spørsmål nr. 21) Hvor mange nettlesere støtter HTML5?
type testing i programvareutvikling
Svar: De fleste av de nyeste versjonene av Apple Safari, Google Chrome, Opera, Internet Explorer og Mozilla Firefox støttes av HTML5.
Q # 22) Hva er det ofte nyttige API-et i HTML5?
Svar: En liste over de mest nyttige API-ene i HTML5 inkluderer:
- Media API
- API for dataoverføring
- Application Cache API
- Brukerinteraksjon
- History API
- Constraint Validation API
- Command API
- API for tekstspor
Spørsmål nr. 23) Hvor mange tagger ble fjernet i HTML5?
Svar: Listen over kodene som fjernes fullstendig i HTML5 inkluderer:
Spørsmål nr. 24) Hvilke video- og lydformater brukes til å legge inn på websiden?
Svar: Formater for video og lyd som brukes til å legge inn på websiden er gitt nedenfor:
- Video: MPEG4, Ogg, WebM.
- Lyd: WAV, Ogg Vorbis, MP3.
Q # 25) Liste opp sidestrukturelementene i HTML5.
Svar: Sidestrukturelementer for HTML5 er gitt nedenfor:
- : Representerer topptekstdelen og lagrer startinformasjonen om websiden.
- : Representerer bunntekstdelen (siste del) av siden.
- : Representerer navigasjonselementene på HTML-siden.
- : Det er et sett med informasjon.
- : Det er et sett med instruksjoner som brukes inne i artikkelblokken for å definere den grunnleggende strukturen til en side.
- : Sidefeltets innhold.
Q # 26) Forklar noen av de vanlige listene for å designe en webside.
Svar: Vanlige lister for å utforme en webside inkluderer:
- Katalogliste
- Definisjonsliste
- Bestilt liste
- Menyliste
- Ubestilt liste
Annerledes - Ulike koder brukes til å komponere hver liste.
Spørsmål nr. 27) Hva er bruken av utdatakoden i HTML5?
Svar: tag brukes til å representere de forskjellige typene utdata og resultat.
Spørsmål nr. 28) Hvilket element gir funksjonen for autofullføring i en tekstboks?
Svar: I HTML5element, gir autofullføringsfunksjonen i en tekstboks.
Spørsmål nr. 29) Hvordan bygge inn video og lyd i HTML5?
Svar:
Video:
Eksempel legge inn en video i HTML5:
Lyd:
Eksempel legge inn en lyd i HTML5:
Spørsmål nr. 30) Hva er de migrerte kodene fra HTML4 til HTML5?
Svar: Liste over de migrerte kodene fra HTML4 til HTML5 er gitt nedenfor:
Typisk HTML4 Typisk HTML5
Spørsmål nr. 31) Hva er delen av HTML5 Technologies?
Svar: Listen er gitt nedenfor:
- Nettarbeidere
- Nettlagring
- SVG
- CSS3
- Server-sendte hendelser (SSE)
- Mikrodata
- Nettintensjoner
- Nettkontakter
- Frakoblet applikasjon
- Geolokalisering
- API-fil
- Nettmeldinger
- Dra og slipp
- Lerret 2D
Q # 32) Hva er forskjellen mellom SVG og Canvas-elementer?
Svar:
SVG | Lerretselementer |
---|---|
SVG er ikke egnet for spillgrafikk. | Lerret er egnet for spillgrafikk. |
Det er objektmodellbasert. | Den er pikselbasert. |
Er egnet for bruk av store gjengivelsesområder. | Er egnet for bruk av små gjengivelsesområder. |
SVG gir all støtte for hendelsesbehandlere. | Canvas gir ingen mulighet for hendelsesbehandlere. |
Endring er tillatt gjennom skript og CSS. | Endring er kun tillatt gjennom skript. |
SVG har bedre skalerbarhet | Canvas har dårlig skalerbarhet. |
SVG er vektorbasert (sammensatt av former). | Canvas er Rasterbasert (sammensatt av en piksel). |
SVG er ikke avhengig av oppløsning. | Lerret er helt avhengig av oppløsning. |
SVG er i stand til API-animasjon. | Canvas har ingen API for animasjon. |
SVG er egnet for utskrift med høy kvalitet og hvilken som helst oppløsning. | Lerret er ikke egnet for utskrift av høy kvalitet og høy oppløsning. |
Sp # 33) Hva er bruken av tag i HTML5?
Svar: Figurmerket brukes til å legge til et bilde i dokumentet på en webside.
Q # 34) Hva er mikrodata i HTML5?
Svar: Microdata er en ny enkel semantisk syntaks, som brukes til å legge til de nestede gruppene med navn og verdipar til data til dokumenter, som ofte er basert på sideinnholdet. Mikrodata brukes til nye globale attributter.
Q # 35) Forklar metakoder.
Svar: Metakoder brukes til å gi nyttig informasjon til websidene våre.
Noen av kodene inkluderer:
- Tittel: Gir en tittel til websiden.
- Stil: Setter inn noen stiler og CSS-detaljer på websiden.
- Lenke: Definerer forholdet mellom en side til en annen side og en ekstern kilde.
Noen nyttige forkortelser
- XML: Extensible Markup Language
- W3C: World Wide Web Consortium
- SQL: Strukturert spørrespråk
- JPEG: Felles fotografisk ekspertgruppe
- IP: Internett protokoll
- HTTP: Hypertext Transfer Protocol
- href: Hypertekstreferanse
- FTP: Filoverføringsprotokoll
- BRANN: Applikasjonsprogrammeringsgrensesnitt
- HER: Integrert utviklingsmiljø
- VEKT: Verktøy for innebygging av skrifter på nettet
- DØMMEKRAFT: Dokumentobjektmodell
- URL: Uniform Resource Locator
Konklusjon
HTML5 kan betraktes som grunnlaget for webteknologier, dette er den primære teknologien som brukes til å lage websider.
Mange profesjonelle som har tenkt å bygge en karriere innen webteknologi, må lære seg HTML5. HTML5 er ikke bare underkonstruksjonen til webteknologier, men det brukes også til å utvikle mobilapplikasjoner. Terminologisk er HTML5 ikke et programmeringsspråk, det er heller et markeringsspråk.
Denne artikkelen vil være en guide til listen over de øverste HTML5-intervjuspørsmålene og svarene, da den dekker både grunnleggende og avanserte HTML5-intervjuspørsmål og svar. Vi er sikre på at dette igjen er de store ressursene som hjelper deg med å forberede deg på HTMl5-intervjuet.
Håper denne artikkelen vil hjelpe deg med å knekke ethvert HTML5-intervju med suksess.
Anbefalt lesing
- Intervju Spørsmål og svar
- ETL Testing Intervju Spørsmål og svar
- 35+ Top Apache Tomcat intervju spørsmål og svar
- Noen vanskelige manuelle testspørsmål og svar
- 25 Beste Agile Testing Intervju Spørsmål og svar
- Topp 35 Android-intervjuspørsmål og svar
- Spock Intervjuespørsmål med svar (mest populære)
- Noen interessante spørsmål om intervjuer med programvaretesting