HTML 5 - Introdução e começando pelo começo
Autor: Aline Branco | Publicado: 2012-01-31T14:22:00-03:00

HTML5Quando começar a usar o HTML5? Ontem!!!Por cautela, muitas vezes demoramos a começar a usar o HTML5. Esperamos que a maioria dos navegadores se adequassem  para evitar gastar muito tempo com “recursos” para fazer o site funcionar na maioria dos navegadores.  Bom, essa fase já passou. Se você ainda está receoso, perca o medo e se lance, pois o HTML5 veio para ficar e para facilitar.O que eu preciso saber para começar a usar o HTML5?Para quem já conhece o HTML, tableless e XHTML vai ser muito fácil. Vou  mostrar as duas formas. Comparando o novo com o que se usa comumente.1- HTML5 - Começando pelo começo.2- Conhecendo os novos elementos do HTML53- Conhecendo os elementos retirados do HTML54- Conhecendo os atributos retirados do HTML55- Conhecendo os atributos inseridos do HTML51- HTML5 - Começando pelo começo.Vamos criar o nosso primeiro arquivo HTML5.Exemplo:&lt;!DOCTYPE html &gt;&lt;head&gt; &lt;meta  charset=&quot;utf-8&quot;&gt; &lt;title&gt;Meu  primeiro HTML5&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;p&gt;Alô  mundo!&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;As diferenças começam  no head.Vamos por partes:1.1)&lt;!DOCTYPE html &gt;Eu não disse q o html5 veio para facilitar?!  Sim, é só isso mesmo.Para quem estava acostumado com:&lt;!DOCTYPE HTML  PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;  &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;&lt;html&gt;ou&lt;!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;  &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html  xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;Facilitou, não?!1.2)&lt;meta charset="utf-8">Ainda pode ser usado como antes:&lt;meta equiv="Content-Type" content="text/html; charset=utf-8">Mas é melhor usar a forma nova.Observe que também pode ser usado em maiúsculas e com aspas. As sintaxes abaixo são  igualmente válidas:&lt;meta charset="UTF-8">&lt;meta charset="UTF-8">&lt;meta charset="utf-8">&lt;meta charset="Utf-8">“o HTMl não é XML”- O HTML não é “case sensitive”, logo não faz diferença se as letras aparecerem maiúsculas ou minúsculas . O XML é “case sensitive”. No XML &lt;meta charset="UTF-8"> é diferente de &lt;meta charset="utf-8">.1.3) Outro detalhe, sobre “o HTMl não é XML” é que no HTML não é necessário a barra ao final de elementos vazios.Ex.:Use: &lt;br> ao invés de &lt;br />Use: &lt;hr> ao invés de &lt;hr />Use: &lt;img src="ex.jpg" alt="exemplo" /> ao invés de &lt;img src="ex.jpg" alt="exemplo" />Logo, também são sintaxes igualmente válidas:&lt;meta charset="utf-8">&lt;meta charset="utf-8">Se você está acostumado a colocar barra no fim, como nos exemplos acima, não se preocupe. Vai funcionar mesmo com a barra, mas procure ir se acostumando a não coloca-la.1.4) Use o atributo LANG&lt;!DOCTYPE html &gt;&lt;html lang=&quot;pt-br&quot;&gt;&lt;head&gt; &lt;meta  charset=&quot;utf-8&quot;&gt; &lt;title&gt;Meu  primeiro HTML5&lt;/title&gt;&lt;/head&gt;Lembre-se que  você não só pode como deve usar atributo LANG em outras tags para indicar a mudança no idioma do texto.  Por exemplo:&lt;!DOCTYPE html &gt;&lt;html lang=&quot;pt-br&quot;&gt;&lt;head&gt; &lt;meta  charset=&quot;utf-8&quot;&gt; &lt;title&gt;O amor é  lindo!&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;h1&gt;Eu estou  apaixonada!!!! rs&lt;/h1&gt;  &lt;span lang=&quot;es&quot;&gt;Yo  te amo&lt;/span&gt;  &lt;p  lang=&quot;fr&quot;&gt;Je t'aime&lt;/p&gt;  &lt;em  lang=&quot;it&quot;&gt;Io ti amo&lt;/em&gt;  &lt;p  lang=&quot;de&quot;&gt;Ich liebe dich&lt;/p&gt; &lt;strong  lang=&quot;en&quot;&gt;I love you.&lt;/strong&gt; &lt;p&gt;Resumindo...  O amor é lindo!&lt;/p&gt; &lt;/body&gt;&lt;/html&gt;Amanhã continuamos... É uma série.rs