Latest web development tutorials

Suporte do navegador HTML5

Você pode deixar alguns navegadores mais antigos (não suporta HTML5) suporte para HTML5.

Suporte do navegador HTML5

navegadores modernos suportam HTML5.

Além disso, todos os navegadores, incluindo o velho eo novo, do elemento não reconhecido será processado automaticamente como um elemento inline.

Devido a isso, você pode"igreja" navegadores lidar com elementos HTML "desconhecidos".

nota Você pode até mesmo igreja IE6 (Windows XP, 2001) browser lida com elementos HTML desconhecidas.

O elemento HTML 5 é definido como um elemento de bloco

HTML5 conjunto de oito novas semântica HTML elementos (semântica). Todos estes elementos são elementos de bloco.

A fim de permitir que as versões mais antigas do navegador para exibir esses elementos corretamente, você pode definir o bloco de valor de propriedade de exibição CSS:

Exemplos

cabeçalho, seção, rodapé, de lado, nav, principal, artigo, figura { display: bloqueio ;}

Adicionando um novo elemento para HTML

Você pode adicionar novos elementos para HTML.

Exemplos dos novos elementos adicionados ao HTML e elementos de estilo definido para o elemento chamado <myHero>:

Exemplos

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> HTML para adicionar um novo elemento </ title> <Script>
documento. createElement ( "myHero")
</ Script> <Style>
myHero { display: bloco ; Background-color: #ddd ; Padding: 50 px ; Tamanho da fonte: 30 px ;}
</ Style> </ Head> <Body> <H1> Meu primeiro título </ h1> <P> Meu primeiro parágrafo. </ P> <MyHero> Meu primeiro novo elemento </ myHero> </ Body> </ Html>

tente »

JavaScript document.createElement declaração ( "myHero") é adicionar um novo elemento IE.

problemas com o navegador Internet Explorer

Você pode usar o método acima para adicionar navegadores elementos HTML5 IE, mas:

nota O Internet Explorer 8 e versões anteriores do navegador IE não suportar mais de uma maneira.

Podemos usar Sjoerd Visscher criado "HTML5 Activar JavaScript", "Shiv " para resolver o problema:

<! - [If lt IE 9]>
<Script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script>
<! [Endif] ->

O código acima é um comentário, o papel quando a versão do navegador IE inferior a IE9 vai ler html5.js arquivo e analisá-lo.

Nota: usuários domésticos utilizam o site repositório estático (instabilidade repositório Google no país):

<! - [If lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->

Para html5shiv navegador IE é uma solução melhor. html5shiv principal solução proposta novos elementos HTML5 não IE6-8 reconhecer esses novos elementos não pode ser embrulhado como um nó pai elemento filho, e não podem aplicar estilos CSS.

solução perfeita Shiv

Exemplos

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Render HTML5 </ title>
<! - [If lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->
</ Head>

<Body>

<H1> O meu primeiro artigo </ h1>

<Article>
Este tutorial - da ciência não é apenas tecnologia, mas também o sonho de! ! !
</ Article>

</ Body>
</ Html>

tente »

html5shiv.js código de referência deve ser colocado no elemento <head>, porque o navegador do IE ao analisar HTML5 novos elementos precisam carregar o arquivo.