PRINCIPAIS 35 perguntas e respostas da entrevista em HTML5

Perguntas e respostas mais importantes para entrevistas em HTML5

Listados abaixo estão algumas das perguntas mais frequentes Perguntas HTML5 com exemplos de codificação para sua fácil compreensão.

Prepare-se!!

P # 1) O que é HTML5?

Responda: HTML5 é a última versão da HyperText Markup Language que pode ser referida como a linguagem principal da WWW (World Wide Web), esta linguagem de marcação aprimora um arquivo de texto com bits de código, e este código, que podemos dizer como 'marcação', descreve o estrutura do documento.

O HTML5 fornece alguns recursos padrão como CSS, HTML, JavaScript e DOM, que por sua vez reduzirão a necessidade de plug-ins externos. É mais marcação para substituir o script, melhor tratamento de erros, etc. HTML5 é independente do dispositivo.

HTML5 apresenta alguns novos recursos que podem ser usados para alterar a forma de interação do usuário com documentos, incluindo:

Adicionando novas regras de análise para aumentar a flexibilidade.
Adicionando novos atributos.
Permitir a edição offline.
Suporte (Web SQL), - Um padrão comum para armazenar dados em bancos de dados SQL.
Protocolo de suporte e registro de manipulador MIME.

P # 2) Qual é a diferença entre HTML e HTML5?

Resposta: As diferenças entre HTML e HTML5 são fornecidas abaixo:

HTML5	HTML
Permite o efeito de arrastar e soltar.	Não permite o efeito de arrastar e soltar.
HTML5 tem suporte de vídeo e áudio de alto nível.	O suporte para vídeo e áudio de alto nível não faz parte da versão e das especificações do HTML anterior.
Canvas, SVG e outros gráficos vetoriais virtuais são suportados no HTML5.	Em HTML, se quisermos implementar gráficos vetoriais, isso só foi possível usando uma biblioteca de terceiros como VML, Silver-light, etc.
SVG e MathML podem ser usados em texto.	Isso não é possível em HTML.
O banco de dados Web SQL, o cache do aplicativo e o armazenamento da web são usados como armazenamento permanente.	O cache do navegador pode ser usado como armazenamento temporário.
HTML5 é mais amigável para dispositivos móveis.	HTML é menos compatível com dispositivos móveis.
A declaração Doctype é simples e fácil.	A declaração Doctype é longa e complicada.
Atributos de Async, charset e ping estão disponíveis.	Esses atributos não estão disponíveis em HTML.
HTML5 suporta javascript para rodar em segundo plano.	Não oferece suporte a javascript para ser executado no navegador da web.
Podemos desenhar formas como retângulo, círculo e triângulo em HTML5.	Não é possível desenhar formas como retângulo, círculo, triângulo etc.

P # 3) O que é? Quais são os diferentes tipos de que estão disponíveis?

Responda: A declaração fornece instruções para o navegador da web entender quais informações devem ser exibidas e a necessidade de começar com a declaração. Em HTML5, a declaração DOCTYPE é muito curta e não faz distinção entre maiúsculas e minúsculas, e é escrita no topo de cada página HTML5.

O seguinte DOCTYPE também é compatível com HTML5:

Existem 3 tipos de DOCTIPOS, conforme mencionado abaixo:

Strict Doctype
Frameset Doctype
Transitional Doctype

P # 4) Quais são as novas tags em elementos de mídia em HTML5?

Resposta: As novas tags em Elementos de mídia em HTML5 estão listadas abaixo :

: Inscreva-se para obter conteúdos multimídia como sons, fluxos de áudio ou música, incorpore conteúdo de áudio sem a necessidade de qualquer plug-in adicional como o flash player.
: Inscreva-se para obter conteúdo de vídeo como streams de vídeo ou clipe de filme, incorporar conteúdo de vídeo etc.
: Inscreva-se para vários recursos de mídia em elementos de mídia, como áudio, vídeo, imagem etc.
: Inscreva-se para um aplicativo externo ou conteúdo incorporado (um plug-in).
: Aplicar para faixas de texto nos elementos de mídia, como vídeo ou áudio. Esta tag é usada para legendas ou arquivos de legenda durante a reprodução da mídia de vídeo.

P # 5) O que é uma tag em HTML5?

Responda: Uma tag é um conteúdo especial em HTML5, que é cercado por um colchete angular (). Um símbolo de barra (/) é usado para fechar a tag após completar o bloco.

Por exemplo

This is my Browser

Uma tag Html5 é um conjunto de caracteres que desenvolve um comando formatado para uma página da web. Esses comandos formatados se comunicam e enviam a instrução ao navegador.

Q # 6) O que é o número mínimo de tags HTML5 necessárias para criar uma página da Web?

Responda: São necessárias, no mínimo, 3 tags HTML5 para criar uma página da Web, como (,,).

P # 7) Qual é a importância de arrastar e soltar no HTML5?

Responda: Arrastar e soltar é o conceito de interface de usuário mais importante que torna mais fácil pegar um objeto e arrastá-lo para o lugar desejado com a ajuda de um clique do mouse.

Alguns recursos comuns usados principalmente pela operação Arrastar e Soltar incluem mover, vincular ou copiar.

Podemos arrastar uma imagem usando elementos, tipo = , para tornar uma imagem arrastável e definir o atributo de imagem arrastável como verdadeiro.

P # 8) Explique os novos tipos de entrada de formulário em HTML5.

Resposta: HTML5 tem 14 novos tipos de entrada de formulários:

Encontro: Este é um selecionador de data, podemos escolher uma data usando type = 'encontro'.
Semana: Este é um seletor de semana, podemos escolher uma semana usando type = 'semana'.
Mês: Este é um selecionador de mês, podemos escolher um mês usando type = 'mês'.
Tempo: Este é um seletor de tempo, podemos escolher o tempo usando type = 'Tempo'.
Data hora: Esta é uma data e hora combinadas, podemos escolher a combinação de data e hora usando type = 'Data hora'.
Datetime-local: Uma data e hora locais combinadas, podemos escolher a combinação de data e hora locais usando type = “DateTime-local”.
O email: Permite um ou mais endereços de e-mail, podemos inserir vários endereços de e-mail usando type = 'o email'.
Telefone: Permite diferentes números de telefone em todo o mundo. Um número de telefone é validado pelo lado do cliente. Podemos inserir um número de telefone usando type = 'Telefone'.
Procurar: Permite pesquisar consultas por texto de entrada. Podemos inserir várias consultas usando type = 'procurar'.
Número: Permite inserir um valor numérico com atributos adicionais, como min, max. etc., e podemos inserir vários valores numéricos usando type = 'número'.
Url: Um tipo de entrada de url, que é usado para o endereço da web. Em um único url, podemos usar vários atributos usando type = “Url”.
Cor: Permite selecionar várias cores, podemos capturar várias cores usando type = 'cor'.
Faixa: Permite inserir um valor numérico dentro de um intervalo específico, o intervalo é semelhante ao número, mas é muito específico. Podemos inserir um valor numérico dentro de um intervalo usando type = 'faixa'.
Marcador de posição: Permite exibir uma pequena dica (geralmente em uma cor clara) nos campos de entrada, antes de inserirmos o valor. Podemos escrever uma pequena dica no campo de entrada usando type = “Espaço reservado”.

Q # 9) O que é mapa de imagem em html5?

Responda: Os mapas de imagens são uma combinação de URL e imagens, onde clicar nessas imagens (área clicável da imagem) abrirá diferentes novas páginas da web.

Dois tipos de mapas de imagens estão disponíveis em HTML5, ou seja, lado do cliente e lado do servidor:

O mapa de imagem do lado do cliente é criado usando dois elementos e, onde o mapa contém as informações do mapa e o elemento área obtém os atributos para definir cada seção do mapa. Mapa de imagem do lado do servidor criado por usingattribute, o atributo usemap é o nome do nosso mapa.

P # 10) Como você escreve um símbolo de copyright em uma página do navegador da web?

P # 11) Como otimizar os ativos do site?

Responda: Precisamos entender algumas regras básicas de otimização, a fim de otimizar os ativos do site. Inicialmente, devemos diminuir o tamanho do download e fazer menos solicitações de http.

Para otimizar os ativos do site, podemos seguir as técnicas abaixo:

Compressão de arquivo
Concatenação de arquivo
Hospedagem CDN
Descarregando ativos
Reorganizando
Refinando código

Q # 12) Qual é o uso do Elemento MathML em HTML5?

Responda: A palavra MathML (Mathematical Markup Language) é uma linguagem de marcação, que é usada para mostrar expressões científicas e matemáticas na web. MathML é uma forma de XML (linguagem de marcação extensível) para descrever a notação matemática.

Podemos usar ... tags dentro dos documentos HTML5 para implementar o elemento MathML.

Exemplo: imprima a² + 2b + 5 = 0 usando o código HTML5.

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

Observação: Se MathML for usado por um aplicativo em conformidade com o namespace em uma recomendação XML, o seguinte namespace deve ser usado:

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

P # 13) Quais são as várias tags de formatação em HTML5?

Resposta: HTML5 tem algumas tags de formatação novas e antigas, conforme mostrado abaixo:

Texto marcado: Representa o texto destacado para fins de referência. Podemos usar > tags para realçar o texto.

Texto excluído: Especifica o bloco de texto excluído. Podemos usar tags para implementar um texto excluído.

Texto enfatizado: Define o texto enfatizado. Podemos usar tags para implementar um texto enfatizado.

Texto inserido: Insere um bloco de texto em um documento. Podemos usar tags para implementar um texto inserido.

Texto pequeno: Exibir o texto inserido em um tamanho pequeno. Podemos usar tags para implementar um pequeno texto.

Texto sobrescrito: Este é um texto sobrescrito. Podemos usar tags para implementar um texto sobrescrito.

Texto subscrito: Este é um texto subscrito. Podemos usar tags para implementar um texto sobrescrito.

P # 14) Por que usamos HTML5?

Responda: HTML5 suporta animação, desenho, áudio, vídeo, etc. e incorpora facilmente um vídeo na página da web. Não requer nenhum software adicional como o Flash para assistir vídeos.

Algumas das razões importantes para usar HTML5 são fornecidas abaixo:

Suporte legado e entre navegadores

Melhores interações

Armazenamento mais inteligente

Código de limpeza

Q # 15) O que é um hiperlink? Isso se aplica apenas a texto?

Responda: O hiperlink é um link que permite ao usuário mover-se de uma página da web para outra quando clicado. O conceito de hiperlink é usado em texto e também em imagem, e podemos converter uma imagem em um link com a ajuda de > tags.

Exemplopara C riate um hiperlink em uma imagem (imagem clicável) é mostrado abaixo.
Image Hyperlink Example Click the following link
P # 16) Explique o conceito de armazenamento web em HTML5.

Responda: O armazenamento na web fornece a facilidade de armazenar os dados de nossos aplicativos da web localmente no navegador do usuário. Ele pode armazenar até 10 MB de dados. O armazenamento na Web ajuda a aumentar o desempenho de nossos aplicativos.

Existem dois tipos de armazenamento da web que são usados para armazenar dados localmente em HTML5:

Armazenamento local: Isso armazena os dados que não irão expirar ou limpar automaticamente quando um usuário fecha ou reabre um navegador.

Armazenamento de sessão: Isso armazena dados para apenas uma sessão (ou seja, um usuário que está navegando na Internet ou site). Assim que o navegador for fechado, os dados da sessão serão excluídos automaticamente do navegador da web.

P # 17) Explique a API de geolocalização em HTML5.

Responda: A API de geolocalização é usada para localizar a posição geográfica de um usuário.

Por motivos de privacidade, o usuário recebe permissão para relatar as informações de localização. Use o navigator.geolocation.get current position () método para obter a posição do usuário e as coordenadas geográficas (longitude e número de latitude).

Por exemplo, para retornar a posição de latitude e longitude de um usuário é mostrado abaixo.
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; }
Exemplo explicado:

Verifique se a geolocalização é suportada ou não.

Se a geolocalização for compatível, execute o método getCurrentPosition (). Se a geolocalização não for compatível, exiba a mensagem de erro para o usuário.

Se o método getCurrentPosition () for bem-sucedido, ele retornará as coordenadas e funções especificadas no parâmetro.

A função showPosition () obtém a saída - Longitude e Latitude.

Q # 18) Explique os gráficos HTML5.

Responda: HTML5 oferece suporte a dois tipos de gráficos, ou seja, Canvas e SVG.

a) Tela: element é usado para desenhar gráficos na página da web, e tem vários métodos disponíveis para desenhar círculos, caixas, adicionar imagens e texto. 300 px X 150 px (largura X altura) é o tamanho de pixel padrão da tela.

Exemplopara desenhar uma caixa quadrada usando o elemento tela é mostrado abaixo.
#mycanvas{border:2px solid pink;}
b) SVG: Gráficos vetoriais escaláveis são usados principalmente para aplicativos gráficos e diagramas de tipo vetorial escalonáveis, como sistema de coordenadas X, Y, gráficos bidimensionais e de pizza. Isso o torna mais rápido e leve. SVG segue o formato XML.

Exemplodesenhar um retângulo usando o elemento SVG é mostrado abaixo.

P # 19) Quais são as vantagens de usar HTML5?

Responda: HTML5 é a versão avançada do HTML. O HTML5 permite criar sites mais fáceis ou interativos incorporando vídeo, áudio e gráficos na página da web.

HTML5 suporta tecnologia multimídia e conteúdo gráfico para a web sem usar plug-ins de terceiros.

Alguns dos recursos mais importantes adicionados pelo HTML5 incluem:

Geolocalização

Cache de aplicativo offline

Banco de dados do lado do cliente

Manipulação de erros

Nova estrutura e novos elementos multimídia.

Suporte e compatibilidade do navegador.

Suporta algumas novas interfaces de programação de aplicativos (API) como:

Gerenciamento de histórico do navegador

Arrastar e soltar

Desenho 2D em uma página da web

Tempo de reprodução de mídia

Os aplicativos suportados incluem:

Trabalhadores da Web - JavaScript

Acesso a arquivo local

Cache de aplicativo

Armazenamento de dados local

Bancos de dados SQL locais

Q # 20) Como criar um link que se conectará a outra página do navegador da web quando clicado em HTML5?

Responda: Use a tag para criar hiperlinks e eles são usados para se conectar a outra página da web. Podemos criar hiperlink usando type = texto marcação. Quando clicamos no texto, então, o URL do link da página da web será aberto.

Por exemplo , o código abaixo é um link que leva à página inicial do Yahoo, localizada no endereço https://in.yahoo.com
Yahoo link Visit Yahoo Home Page
P # 21) Quantos navegadores da web o HTML5 suporta?
c ++ espere 1 segundo

Responda: A maioria das versões mais recentes do Apple Safari, Google Chrome, Opera, Internet Explorer e Mozilla Firefox são compatíveis com HTML5.

P # 22) Quais são as APIs frequentemente úteis em HTML5?

Responda: Uma lista das APIs mais úteis em HTML5 inclui:

API de mídia

API de transferência de dados

API de cache de aplicativo

Interação com o usuário

API de histórico

API de validação de restrição

API de comando

API Text Track

P # 23) Quantas tags foram removidas em HTML5?

Responda: A lista de tags que são removidas completamente em HTML5 inclui:
P # 24) Quais formatos de vídeo e áudio são usados para incorporar na página da web?

Resposta: Os formatos de vídeo e áudio usados para incorporação na página da web são fornecidos abaixo:

Vídeo: MPEG4, Ogg, WebM.

Áudio: WAV, Ogg Vorbis, MP3.

P # 25) Liste os elementos da estrutura da página do HTML5.

Resposta: Os elementos da estrutura da página do HTML5 são fornecidos abaixo:

: Representa a seção do cabeçalho e armazena as informações iniciais sobre a página da web.

: Representa a seção de rodapé (última parte) da página.

: Representa os elementos de navegação da página HTML.

: É um conjunto de informações.

: É um conjunto de instruções que é usado dentro do bloco do artigo para definir a estrutura básica de uma página.

: Conteúdo da barra lateral da página.

P # 26) Explique algumas das listas comuns para criar uma página da web.

Resposta: As listas comuns para criar uma página da web incluem:

Lista de diretórios

Lista de definição

Lista ordenada

Lista de menu

Lista não ordenada

Diferente - Tags diferentes são usadas para compor cada lista.

Q # 27) Qual é o uso da tag de saída em HTML5?

Responda: tag é usada para representar os diferentes tipos de saída e resultado.

P # 28) Qual elemento fornece o recurso de preenchimento automático em uma caixa de texto?

Responda: No elemento HTML5, fornece o recurso de preenchimento automático em uma caixa de texto.

P # 29) Como incorporar vídeo e áudio em Html5?

Responda:

Vídeo:

Exemplo para incorporar um vídeo em HTML5:
Áudio:

Exemplo para incorporar um áudio em HTML5:
P # 30) Quais são as tags migradas de HTML4 para HTML5?

Responda: A lista das tags migradas de HTML4 para HTML5 é fornecida abaixo:

HTML4 típico HTML5 típico

P # 31) Quais são as partes das tecnologias HTML5?

Resposta: A lista é fornecida abaixo:

Trabalhadores da Web

Armazenamento web

SVG

CSS3

Eventos enviados pelo servidor (SSE)

Microdados

Web Intents

Web Sockets

Aplicativo offline

Geolocalização

Arquivo API

Web Messaging

Arrastar e soltar

Canvas 2D

P # 32) Qual é a diferença entre os elementos SVG e Canvas?

Responda:

SVG Elementos de tela

SVG não é adequado para gráficos de jogos. O Canvas é adequado para gráficos de jogos.
É baseado em um modelo de objeto. É baseado em pixels.

É adequado para usar grandes áreas de renderização. É adequado para usar pequenas áreas de renderização.

O SVG fornece qualquer suporte para manipuladores de eventos. O Canvas não oferece nenhum recurso para manipuladores de eventos.

A modificação é permitida por meio de script e CSS. A modificação é permitida apenas por meio de script.

SVG tem melhor escalabilidade O Canvas tem escalabilidade ruim.

O SVG é baseado em vetor (composto de formas). O Canvas é baseado em Raster (composto de um pixel).

O SVG não depende da resolução. O canvas é totalmente dependente da resolução.

SVG é compatível com animação API. O Canvas não tem API para animação.

O SVG é adequado para impressão com alta qualidade e qualquer resolução. A tela não é adequada para impressão de alta qualidade e alta resolução.

Q # 33) Qual é o uso de tag em HTML5?

Responda: A tag de figura é usada para adicionar uma imagem ao documento em uma página da web.

P # 34) O que são microdados em HTML5?

Responda: Microdata é uma nova sintaxe semântica simples, usada para adicionar os grupos aninhados de nomes e pares de valores de dados a documentos, que geralmente são baseados no conteúdo da página. Microdados são usados para novos atributos globais.

Q # 35) Explique as meta tags.

Responda: As metatags são usadas para fornecer informações úteis às nossas páginas da web.

Algumas das tags incluem:

Título: Fornece um título para a página da web.

Estilo: Insere alguns estilos e detalhes CSS na página da web.

Ligação: Define a relação entre uma página para outra página e uma fonte externa.

Algumas abreviações úteis

XML: Extensible Markup Language

W3C: Consórcio da World Wide Web

SQL: Linguagem de consulta estruturada

JPEG: Grupo Conjunto de Peritos Fotográficos

IP: protocolo de internet

HTTP: Protocolo de Transferência de Hipertexto

href: Referência de Hipertexto

FTP: Protocolo de Transferência de Arquivos

FOGO: Interface de programação de aplicativo

AQUI: Ambiente de desenvolvimento integrado

TRAMA: Ferramenta Web Embedding Fonts

JULGAMENTO: Modelo de Objeto de Documento

Url: localizador padrão de recursos

Conclusão

HTML5 pode ser considerado a base das tecnologias da web, esta é a principal tecnologia usada para criar páginas da web.

Muitos profissionais que pretendem construir uma carreira em tecnologia da web devem aprender HTML5. O HTML5 não é apenas a subestrutura das tecnologias da web, mas também é usado para desenvolver aplicativos móveis. Terminologicamente, HTML5 não é uma linguagem de programação, mas sim uma linguagem de marcação.

Este artigo será um guia para a lista das principais perguntas e respostas da entrevista em HTML5, pois abrange as perguntas e respostas básicas e avançadas da entrevista em HTML5. Temos certeza de que esses são os grandes recursos para ajudá-lo a se preparar para a entrevista HTMl5.

Espero que este artigo o ajude a quebrar qualquer entrevista HTML5 com sucesso.

Leitura recomendada

Perguntas e respostas da entrevista
Perguntas e respostas da entrevista de teste de ETL
Mais de 35 perguntas e respostas da entrevista do Apache Tomcat
Algumas perguntas e respostas complicadas de testes manuais
25 melhores perguntas e respostas da entrevista de teste do Agile
35 principais perguntas e respostas da entrevista do Android
Perguntas da entrevista de Spock com respostas (mais populares)
Algumas perguntas interessantes da entrevista de teste de software

PRINCIPAIS 35 perguntas e respostas da entrevista em HTML5

Perguntas e respostas mais importantes para entrevistas em HTML5

Yahoo link

Conclusão

Leitura recomendada

Artigos Interessantes

Escolha Do Editor

Ubisoft revela um jogo móvel de Assassin's Creed ambientado na China antiga

Supplice raycasts para acesso antecipado no PC hoje

Brincando com os outros: The Cyberathlete Amateur League

Fallout 76 ainda está vivo e funcionando, com base neste infográfico

A demo de The King of Fighters XV já está disponível no PlayStation

Função crítica interna: O programa ao vivo de D&D liderado por vozes que você talvez reconheça

Revisão: Justiça do meu herói

Tudo mostrado no Xbox Games Showcase e Starfield Direct de hoje

Tipos de aprendizado de máquina: aprendizado supervisionado versus aprendizado não supervisionado

Revisão: Táticas de Latão

Ofertas de componentes para PC no eBay: Core i7-6700K agora por apenas US $ 300

Derrotar superchefes de Kingdom Hearts com um pad DDR é uma façanha