Arquivo da tag: doctype

Como saber se um site foi desenvolvido em html 5

Fonte: Gustavo D. Castro

Como saber se um site foi desenvolvido em HTML 5?

Simples, basta acessar o site, clickar com o botão direito do mouse sobre o site e solicitar que seja exibido o código fonte no mesmo, nas primeiras linhas você verá a citação referente ao ao DOCTYPE do site, essa linha diz ao navegador em qual HTML e sua versão que o site foi desenvolvido.

O HTML 5 diferente do HTML 4 dispensa citações de versões, basta um código para que ele diga ao navegador que se trata de HTML 5, por isso basta observar se o DOCTYPE está idêntico ao código abaixo:

<!DOCTYPE html>

Se estiver igual, o site está sendo interpretado como HTML5, se estiver diferente trata-se da versão 4. Mas atenção, apesar do site ter sido marcado como HTML 5 não quer dizer que o desenvolvedor utilizou os novos recursos da linguagem.

Outras opções para saber em qual HTML o site foi desenvolvido:

Foi desenvolvida uma extensão para quem utiliza o Crhome da Google, a extensão detecta automaticamente se o site foi ou não desenvolvido em HMTL 5. Para utiliza-la é simples, basta ter o navegador da Google instalado em seu pc, e acessar a seguinte url através dele: Extensão Google Chrome

Agora click em “instalar extensão” e proceda com a instalação normalmente. Reinicie o navegador e pronto! A partir de agora sempre que acessar um site que foi criado em HTML5 irá aparecer o ícone do mesmo logo após o endereço do site.

Como Usar o Novo Doctype do HTML5

Hoje iremos aprender à usar o novo Doctype do HTML5, o novo doctype do HTML5 é bem mais compacto e está cada dia mais presente na web, nos últimos meses o número de desenvolvedores web que adotaram o HTML5 cresceu significativamente, mas ainda existem muitos webdesigners que criam um modelo em html5 mas esquecem do novo Doctype, inacreditavelmente. O Novo Doctype que vou citar nessa postagem já vem com as ferramentas de compatibilidade para IE 6, IE 7e IE 8. Quando comecei a Desenvolver HTML5 esse foi um dos principais problemas, não imaginava qual era o Doctype, hoje vim quebrar o galho dos desenvolvedores que ainda têm essas dúvidas, lembre-se: não use o doctype se o seu blog não estiver em html5, e muito menos adicione o logo do html5 se ele não estiver, isso é uma violação e pode ser considerado até crime, estude html5 e faça um projeto todo em html5 e não apenas adicione a logo ou doctype, ou pague um webdesigner especializado na área para desenvolver um projeto para você.

Vamos ao Tutorial:

1. Acesse o Painel do seu Blog e depois clique na Guia Modal.

2. Segure as teclas CTRL+F e procure por:

<head>

3. Selecione todo o código que estiver acima dele e substitua pelo seguinte:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html><!--[if IE 6]> <html id="ie6" dir="ltr" lang="pt-BR">
<![endif]--><!--[if IE 7]> <html id="ie7" dir="ltr" lang="pt-BR"> <![endif]--><!--[if IE 8]> <html id="ie8" dir="ltr" lang="pt-BR"> <![endif]--><!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--><html dir="ltr" lang="pt-BR"> <!--<![endif]-->

4. Depois clique em Salvar Modelo.

Se o Blogger fizer um Ajuste no Código que você adicionou, não se preocupe, isso é normal, o Blogger ajusta o Código Automaticamente de acordo com o Modelo do seu Blog.

Fonte: Iago Melanias/Blogando com facilidade