Latest web development tutorials

Soporte del navegador HTML5

Puede dejar que algunos navegadores antiguos (no soporta HTML5) soporte para HTML5.

Soporte del navegador HTML5

Los navegadores modernos soportan HTML5.

Además, todos los navegadores, incluyendo viejos y nuevos, del elemento no reconocido se procesarán automáticamente como un elemento en línea.

Debido a esto, se puede"iglesia" navegadores manejar elementos HTML "desconocidos".

nota Puede incluso la iglesia IE6 (Windows XP 2001) del navegador maneja elementos HTML desconocidos.

El elemento HTML5 se define como un elemento de bloque

HTML5 conjunto de ocho nuevos semántica HTML elementos (semánticas). Todos estos elementos son elementos de bloque.

Con el fin de permitir que las versiones anteriores del navegador para visualizar correctamente estos elementos, se puede establecer el bloque de valor de la propiedad CSS display:

Ejemplos

cabecera, sección, pie de página, a un lado, nav, la principal, el artículo, la figura { display: bloque ;}

La adición de un nuevo elemento a HTML

Se pueden añadir nuevos elementos a HTML.

Los ejemplos de los nuevos elementos añadidos a HTML y elementos de estilo definidos para el elemento llamado <Myhero>:

Ejemplos

<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"> <Título> HTML para agregar un nuevo elemento </ title> <Script>
documento. createElement ( "Myhero")
</ Script> <Style>
Myhero { display: bloque ; Background-color: #ddd ; Relleno: 50 px ; Tamaño de las letras 30 px ;}
</ Style> </ Head> <Cuerpo> <H1> Mi primer título </ h1> <P> Mi primer párrafo. </ P> <Myhero> Mi primer elemento nuevo </ Myhero> </ Body> </ Html>

Trate »

JavaScript document.createElement declaración ( "Myhero") es añadir un nuevo elemento al navegador Internet Explorer.

problemas con el navegador Internet Explorer

Se puede utilizar el método anterior para añadir elementos de HTML5 navegadores IE, pero:

nota Internet Explorer 8 y versiones anteriores del navegador Internet Explorer no es compatible con más de una manera.

Podemos utilizar Sjoerd Visscher creado "Activación de JavaScript HTML5", "navaja " para resolver el problema:

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

El código anterior es un comentario, el papel cuando la versión del navegador IE menos de IE9 leerá html5.js archivo y analizarlo.

Nota: Por favor usuarios domésticos utilizan el sitio repositorio estático (inestabilidad repositorio de Google en el país):

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

Para IE html5shiv navegador es una mejor solución. html5shiv principal solución propone nuevos elementos de HTML5 no IE6-8 reconocen estos nuevos elementos no pueden ser envueltos como un nodo padre elementos secundarios, y no se pueden aplicar estilos CSS.

solución perfecta Shiv

Ejemplos

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

<Cuerpo>

<H1> Mi primer artículo </ h1>

<Artículo>
Este tutorial - la ciencia no es sólo la tecnología, sino también un sueño! ! !
</ Article>

</ Body>
</ Html>

Trate »

html5shiv.js código de referencia debe ser colocado en el elemento <head>, debido a que el navegador Internet Explorer al procesar HTML5 nuevos elementos necesitan para cargar el archivo.