AdNow

loading...

Soporte de navegador HTML5

-

Soporte de navegador HTML5

❮ AnteriorSiguiente ❯
Puede enseñar navegadores antiguos para manejar HTML5 correctamente.

Soporte de navegador HTML5

HTML5 es compatible con todos los navegadores modernos.
Además, todos los navegadores, antiguos y nuevos, manejan automáticamente elementos no reconocidos como elementos en línea.
Debido a esto, puede "enseñar" navegadores antiguos a manejar elementos HTML "desconocidos".
Incluso puede enseñar IE6 (Windows XP 2001) cómo manejar elementos HTML desconocidos.

Definir elementos semánticos como elementos de bloque

HTML5 define ocho nuevos elementos semánticos . Todos estos son elementos de nivel de bloque .
Para asegurar el comportamiento correcto en los navegadores más antiguos, puede configurar la propiedad de visualización de CSS para bloquear estos elementos HTML :
header, section, footer, aside, nav, main, article, figure {
    display: block; }

Agregar nuevos elementos a HTML

También puede agregar nuevos elementos a una página HTML con un truco de navegador.
Este ejemplo agrega un nuevo elemento llamado <myHero> a una página HTML y define un estilo para él:

Ejemplo

<!DOCTYPE html>
<html>
<head>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
      display: block;
      background-color: #dddddd;
      padding: 50px;
      font-size: 30px;
  } 
  </style> 
</head>
<body>

<h1>A Heading</h1>
<myHero>My Hero Element</myHero>

</body>
</html>
Pruebelo usted mismo »
La declaración de JavaScript document.createElement ("myHero") es necesaria para crear un elemento nuevo en IE 9 y versiones anteriores.

Problema con Internet Explorer 8

Puede usar la solución descrita anteriormente para todos los elementos HTML5 nuevos.
Sin embargo, IE8 (y anterior) no permite el diseño de elementos desconocidos.
Afortunadamente, Sjoerd Visscher creó HTML5Shiv! HTML5Shiv es una solución de JavaScript para permitir el diseño de elementos HTML5 en versiones de Internet Explorer anteriores a la versión 9.
Necesitará HTML5shiv para proporcionar compatibilidad para navegadores IE anteriores a IE 9.

Sintaxis para HTML5Shiv

HTML5Shiv se coloca dentro de la etiqueta <head>.
HTML5Shiv es un archivo javascript al que se hace referencia en una etiqueta <script>.
Debe usar HTML5Shiv cuando esté utilizando los nuevos elementos HTML5 como: <artículo>, <sección>, <aside>, <nav>, <footer>.

Sintaxis

<head>
  <!--[if lt IE 9]>
    <script src="/js/html5shiv.js"></script>
  <![endif]-->
</head>

Ejemplo HTML5Shiv

Si no desea descargar y almacenar HTML5Shiv en su sitio, puede hacer referencia a la versión que se encuentra en el sitio CDN.
El script HTML5Shiv debe colocarse en el elemento <head>, después de cualquier hoja de estilo:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>

<section>

<h1>Famous Cities</h1>

<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</article>

<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>

<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</article>

</section>

</body>
</html>
Pruebelo usted mismo »

❮ AnteriorSiguiente ❯

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

-
Imagen
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime  www.saime.gob.ve  y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa  da cumplimiento a la sép...
Leer más

Etiqueta HTML < abbr >

-
Etiqueta  HTML  <abbr> ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The  < abbr  title ="World Health Organization" > WHO < /abbr >  was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia:  una abreviatura y un acrónimo son versiones abreviadas de otra cosa.  Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo:  El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere...
Leer más

HTML < a > tag

-
HTML  <a>  día ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Un enlace a W3Schools.com: < a  href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia:  los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo:  Normalmente,...
Leer más

Visitas a este blog