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:

• mp4
• WebM
• Ogg

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.

• mp3
• WAV
• Ogg

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.