|
1) Quais são algumas listas comuns que são usadas ao projetar uma página?
Existem muitas listas comuns que são usadas para criar uma página. Você pode escolher qualquer ou uma combinação dos seguintes tipos de lista:
- Lista ordenada - A lista ordenada exibe elementos em formato numerado. É representado pela tag <ol>.
- Lista não ordenada - A lista não ordenada exibe elementos no formato com mar-cadores. É representado pela tag <ul>.
- Lista de definições - A lista de definições exibe elementos na forma de definição, como no dicionário. As tags <dl>, <dt> e <dd> são usadas para definir a lista de descrição.
2) Qual é a diferença entre elementos HTML e tags?
Elementos HTML se comunicam com o navegador para renderizar texto. Quando os elementos são colocados entre os sinais <>,
eles formam tags HTML. Na maioria das vezes, as tags vêm em um par e envolvem o conteúdo.
3) Quais navegadores suportam HTML5?
As versões mais recentes do Apple Safari, do Google Chrome, do Mozilla Firefox e do Opera oferecem suporte a muitos recursos do HTML5, e o Internet Explorer 9.0 também terá suporte para algumas funcionalidades do HTML5.
Os navegadores da web móveis que vêm pré-instalados em iPhones, iPads e telefones An-droid têm excelente suporte para HTML5.
4) O HTML5 é compatível com versões anteriores de navegadores antigos?
Sim! O HTML5 é projetado, tanto quanto possível, para ser compatível com os navegadores existentes. Novos recursos se baseiam em recursos existentes e permitem fornecer con-teúdo de fallback para navegadores mais antigos.
Sugere-se detectar suporte para recursos HTML5 individuais usando algumas linhas de JavaScript.
5) As tags HTML são sensíveis a maiúsculas e minúsculas?
Não!
6) Qual é o objetivo da tag "section" em HTML5?
Esta tag representa um documento genérico ou seção de aplicativo. Pode ser usada em conjunto com h1-h6 para indicar a estrutura do documento.
7) Qual é o objetivo da tag "article" no HTML5?
Essa tag representa uma parte independente do conteúdo de um documento, como uma entrada de blog ou um artigo de jornal.
8) Qual é o uso de uma tag span? Dê um exemplo.
A tag span é usada para seguir as coisas:
- Para adicionar cor ao texto
- Para adicionar plano de fundo no texto
- Realce qualquer texto colorido
Por exemplo:
<p>
<span style="color:#ffffff;">
Nesta página nós usamos span.
</span>
</p>
9) O que é o elemento canvas em HTML5?
O elemento <canvas> é um contêiner usado para desenhar gráficos na página da web usando linguagem de script como JavaScript.
Permite a renderização dinâmica e programável de formas 2D e imagens de bitmap. Existem vários métodos na tela para desenhar caminhos, caixas, círculos, texto e adicionar imagens.
Por exemplo:
<canvas id="myCanvas1" width="300" height="100" style="border:2px solid;">
Seu navegador não suporta a tag canvas do HTML5.
</canvas>
10) Que tipo de formatos de vídeo são suportados pelo HTML5?
O HTML5 suporta três tipos de formato de vídeo:
11) A tag de áudio é suportada em HTML 5?
Sim. É usado para adicionar arquivos de som ou música na página da web. Existem três formatos de arquivo suportados para a tag de áudio HTML 5.
Vamos ver o código para reproduzir arquivos mp3 usando tag de áudio HTML.
<audio controls>
<source src="koyal.mp3" type="audio/mpeg">
Seu navegador não suporta a tag audio do HTML.
</audio>
Em vez de koyal.mp3, você pode passar qualquer nome de arquivo mp3.
12) Qual é o objetivo da tag "figure" em HTML5?
Essa tag pode ser usada para associar uma legenda a algum conteúdo incorporado, como um gráfico ou um vídeo.
13) O que são atributos personalizados em HTML5?
Um atributo de dados personalizado começa com dados e seria nomeado com base em sua necessidade. A seguir, o exemplo simples:
<div class="example" data-subject="physics" data-level="complex">
...
</div>
O acima será um HTML5 perfeitamente válido com dois atributos personalizados chamados data-subject e data-level.
Você seria capaz de obter os valores desses atributos usando APIs JavaScript ou CSS de maneira semelhante à dos atributos padrão.
14) O que é o Web Forms 2.0?
O Web Forms 2.0 é uma extensão dos recursos de formulários encontrados no HTML4. Elementos de formulário e atributos em HTML5 fornecem um maior grau de marcação semântica do que HTML4 e removem grande parte da necessidade de scripts e estilos tediosos que eram necessários em HTML4.
15) Qual é o uso da tag figcaption no HTML 5?
O elemento <figcaption> é usado para fornecer uma legenda a uma imagem. É uma tag opcional e pode aparecer antes ou depois do conteúdo dentro da tag <figure>. O elemento <figcaption> é usado com o elemento <figure> e pode ser colocado como o primeiro ou último filho do elemento <figure>.
<figure>
<img src="htmlpages/images/natal.jpg" alt="Morro do Careca"/>
<figcaption>
Figura 1 – Vista aérea do Morro do Careca.
</figcaption>
</figure>
16) O que é a tag de button?
A tag button é usada no HTML5 para criar um botão clicável dentro do formulário HTML em uma página da web. Geralmente é usado para criar um botão "enviar" ou "redefinir". Vamos ver o código para exibir o botão.
<button name = "button" type = "button">Clique aqui</button>
17) Se eu não colocar o HTML5 funcionará?
Não, o navegador não conseguirá identificar que é um documento HTML e as tags HTML5 não funcionam corretamente.
18) Qual é o uso do atributo required em HTML5?
Ele força o usuário a preencher o texto no campo de texto ou na área de texto antes de enviar o formulário. É usado para validação de formulário.
Exemplo:
Name: <input type="text" name="name" required>
19) Quais são os novos tipos de <input> para validação de formulário em HTML5?
Os novos tipos de entrada para validação de formulário são email, URL, número, tel e data.
Exemplo:
<input type <p>
= "email">
20) Qual é o objetivo do controle de entrada date no Web form 2.0?
Representa uma data (ano, mês, dia) codificada de acordo com a ISO 8601.
| 
