Categorías
HTML5

Rutas de exploración

Una ruta de exploración segun la especificación HTML5 está formada por varios enlaces que reflejan la estructura jerárquica de un sitio web y permiten que el usuario la explore.

Permitiendo marcar el orden y nombre de los elementos en los resultados de búsquedas de los principales buscadores entre ellos Google, Microsoft y Yahoo! ya lo comprender y lo muestran en sus resultados.

Ejemplo:

<div class="navega">
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://megazona.com" title="megazona.com" itemprop="url" rel="index">
<span itemprop="title">megazona</span></a>
</span>
»
<span itemscope itemtype=http://data-vocabulary.org/Breadcrumb>
<a href=http://megazona.com/html5/ title="Html5" itemprop=url>
<span itemprop=title>html5</span></a>
</span>
»
<span itemscope itemtype=http://data-vocabulary.org/Breadcrumb>
<a href=http://megazona.com/html5/microdatos/ title="Microdatos" itemprop=url>
<span itemprop=title>microdatos</span></a>
</span>
</div>
Categorías
HTML5

Etiquetas HTML5

Buenas prácticas y atributos útiles en HTML

Precarga de archivos con <link rel="preload">

El elemento <link rel="preload"> permite cargar archivos con alta prioridad antes de que sean requeridos, mejorando el rendimiento de la página.

Carga diferida de imágenes e iframes con loading="lazy"

El atributo loading="lazy" permite diferir la carga de imágenes (<img>) e iframes (<iframe>) hasta que sean visibles en la pantalla, optimizando el rendimiento.

Creación de contenido dinámico con srcdoc en <iframe>

El atributo srcdoc permite definir directamente el código HTML dentro de un <iframe>, sin necesidad de un archivo externo.

Descarga de archivos con el atributo download en <a>

El atributo download en enlaces (<a>) permite que el recurso se descargue en lugar de abrirse en el navegador. Además, se puede especificar un nombre personalizado para el archivo.

Uso de etiquetas semánticas en lugar de <div>

En HTML existen etiquetas semánticas como <section>, <header>, <nav> y <footer>, que mejoran la estructura del documento en lugar de depender exclusivamente de <div>.

Autocompletado con <datalist>

La etiqueta <datalist> permite crear listas de opciones sugeridas dentro de un campo <input>, proporcionando funcionalidad similar a <select> pero con autocompletado nativo.

Uso de <template> para elementos inertes

La etiqueta <template> permite definir fragmentos de código HTML que no se renderizan inmediatamente en el DOM, útiles para reutilización y encapsulación sin afectar el estilo global.

Versión alternativa de contenido con <link rel="alternate">

El uso de <link rel="alternate"> permite especificar versiones alternativas de la página actual, como archivos PDF, feeds RSS o traducciones a otros idiomas.

Imagen de portada en <video> con poster

El atributo poster en la etiqueta <video> permite definir una imagen que se mostrará antes de que el video comience a reproducirse.

Creación de ventanas de diálogo con <dialog>

La etiqueta <dialog> permite crear cuadros de diálogo modales de forma nativa en HTML, con la opción de cerrarlos sin necesidad de JavaScript.

Evitar traducción automática con translate="no"

El atributo translate="no" impide que el contenido de una etiqueta sea traducido automáticamente en herramientas como Google Translate.

Evitar <center>, ya que está obsoleto

La etiqueta <center> ha sido declarada obsoleta y no se recomienda su uso. En su lugar, se pueden utilizar propiedades CSS como text-align: center; o flexbox.

Personalización del color del navegador con <meta name="theme-color">

El uso de <meta name="theme-color"> permite modificar el color de la interfaz del navegador en dispositivos móviles, mejorando la integración visual con la página web.

Contenido editable con contenteditable

El atributo contenteditable convierte cualquier elemento HTML en un campo editable directamente desde el navegador.

<marquee> está obsoleto pero sigue funcionando

La etiqueta <marquee> para crear texto en movimiento está en desuso y no se recomienda su implementación en nuevos proyectos.

Uso de <base> para definir una ruta base

La etiqueta <base> permite establecer una URL base para todos los enlaces y recursos relativos dentro de un documento HTML.

Personalización en redes sociales con Open Graph (<meta property="og:image">)

El uso de <meta property="og:image"> permite definir la imagen que se mostrará al compartir la página en redes sociales, mejorando la apariencia de la vista previa.

Acceso a atributos data-* en JavaScript

Los atributos personalizados data-* pueden ser accedidos en JavaScript a través de element.dataset.nombreAtributo.

Iniciar videos desde un punto específico

En la etiqueta <video>, se puede añadir el fragmento #t=15 al final de la URL para indicar que la reproducción debe comenzar en el segundo 15.

Subtítulos en <video> con <track>

La etiqueta <track> permite añadir subtítulos a un video en formato WebVTT, facilitando la accesibilidad y la comprensión del contenido multimedia.

Elementos semánticos / Estructural

EtiquetaDescripción
<article>Define un artículo
<aside>Define el contenido aparte del contenido de la página
<bdi>Aísla una parte del texto que pueda ser formateada en una dirección distinta de otro texto fuera de ella
<command>Define un botón de comando que un usuario puede invocar
<details>Define los detalles adicionales que el usuario pueda ver u ocultar
<summary>Define un título visible para un elemento <details>
<figure>Especifica autónomo de contenido, como ilustraciones, diagramas, fotos, listas de códigos, etc
<figcaption>Define un título para un elemento <figure>
<footer>Define un pie de página de un documento o sección
<header>Define un encabezado de un documento o sección
<hgroup>Agrupa un conjunto de etiquetas desde los <h1> hasta los <h6> cuando un título tiene varios niveles
<mark>Define el texto marcado / resaltado
<meter>Define una medida escalar dentro de una gama.
<nav>Define vínculos de exploración
<progress>Representa el progreso de una tarea
<ruby>Define una anotación de rubí (para el Este de la tipografía de Asia)
<rt>Define una explicación / pronunciación de los caracteres (para el Este de la tipografía de Asia)
<rp>Define lo que se muestra en los navegadores que no son compatibles con anotaciones de rubí
<section>Define una sección de un documento
<time>Define una fecha / hora
<wbr>Define una posible ruptura del verso

 

Nuevos para medios de comunicación / Media

EtiquetaDescripción
<audio>Define el contenido de sonido
<video>Define un vídeo o una película
<source>Define los recursos de medios múltiples para <video> y <audio>
<embed>Define un contenedor para una aplicación externa o de contenido interactivo (un plug-in)
<track>Define las pistas de texto para <video> y <audio>

 

El nuevo elemento <canvas>

EtiquetaDescripción
<canvas>Se utiliza para dibujar gráficos sobre la marcha a través de secuencias de comandos (normalmente JavaScript)

 

Nuevos elementos de formulario

EtiquetaDescripción
<datalist>Especifica una lista de opciones predefinidas para los controles de entrada
<keygen>Define un campo generador de par de claves (para las formas)
<output>Define el resultado de un cálculo

 

Elementos eliminados de la version anterior de HTML

Los siguientes elementos o etiquetas de la version HTML4 fueron eliminados y su uso no sería correcto para la nueva versión de HTML5

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <NOFRAMES>
  • <strike>
  • <tt>
Categorías
Programación

¿Que navegadores soportan AUDIO y que archivos de audio soportan?

La buena noticia es que se estima que alrededor del 80% de los navegadores soportan la etiqueta audio de HTML5.

La mala noticia es que todavía no hay consenso sobre qué códec para apoyar, por lo que tendrá que proporcionar MP3 y Ogg Vorbis con el fin de sacar el máximo provecho de audio HTML5.

Navegadores de escritorio

  • Internet Explorer 9.0 o superior soportan archivos MP3, WebM, M4A y AAC (mas info)
  • Chrome 6.0  o superior soportan archivos Ogg Vorbis, MP3 y WAV
  • Firefox soportan archivos Ogg Vorbis, WebM y WAV (mas info)
  • Safari 5.0  o superior soportan archivos MP3, AAC y WAV
  • Ópera 10.0  o superior soportan archivos Ogg Vorbis y WAV

Navegadores móviles

  • Opera Mobile 11.0  o superior dependiente del dispositivo.
  • Android 2.3 o superior soportan archivos dependiente del dispositivo.
  • Safari Mobile iOS 3.0 o superior soportan archivos MP3 y AAC (iPhone, iPad, iPod).
  • Blackberry 6.0  o superior soportan archivos MP3 y AAC.
Categorías
ASP

No coincide el tipo (error 13)

Las posibles causas de este error son:

  • La variable o propiedad no es del tipo correcto. Por ejemplo, una variable que requiere un valor entero no puede aceptar un valor de cadena.
  • Se ha pasado un objeto a un procedimiento que está esperando una sola propiedad o valor.
  • Se utilizó un nombre de módulo o proyecto donde se esperaba una expresión, por ejemplo:

    Debug.Print MyModule

  • Ha intentado combinar tradicional básica control errores con los valores de variantes con el subtipo de error (10, vbError); por ejemplo:
  • Error CVErr(n)

    Un valor de CVErr no puede convertirse en fecha o tipos numéricos (Integer, Long y así sucesivamente); por ejemplo:

    MyVar = CInt(CVErr(9))

    En tiempo de ejecución, este error normalmente indica que un valor Variant utilizado en una expresión tiene un subtipo incorrecto o que una variante que contiene una matriz aparecía en la instrucción Print.

Categorías
Programación

Esta clave ya está asociada con un elemento de esta colección

Este error significa que la clave especificada para un miembro de la colección ya identifica a otro miembro de la colección.

Una clave es una cadena especificada en el método Add que identifica de forma única un miembro específico de una colección.

Solución

Utilice otra clave para este miembro.

Categorías
ASP

Códigos de error en ASP

ASP error codeDescription
ASP 0100Out of memory
ASP 0101Unexpected error
ASP 0102Expecting string input
ASP 0103Expecting numeric input
ASP 0104Operation not Allowed
ASP 0105Index out of range
ASP 0106Type Mismatch
ASP 0107Stack Overflow
ASP 0108Create object failed
ASP 0109Member not found
ASP 0110Unknown name
ASP 0111Unknown interface
ASP 0112Missing parameter
ASP 0113Script timed out
ASP 0114Object not free threaded
ASP 0115Unexpected error
ASP 0116Missing close of script delimiter
ASP 0117Missing close of script tag
ASP 0118Missing close of object tag
ASP 0119Missing Classid or Progid attribute
ASP 0120Invalid Runat attribute
ASP 0121Invalid Scope in object tag
ASP 0122Invalid Scope in object tag
ASP 0123Missing Id attribute
ASP 0124Missing Language attribute
ASP 0125Missing close of attribute
ASP 0126Include file not found
ASP 0127Missing close of HTML comment
ASP 0128Missing File or Virtual attribute
ASP 0129Unknown scripting language
ASP 0130Invalid File attribute
ASP 0131Disallowed Parent Path
ASP 0132Compilation Error
ASP 0133Invalid ClassID attribute
ASP 0134Invalid ProgID attribute
ASP 0135Cyclic Include
ASP 0136Invalid object instance name
ASP 0137Invalid Global Script
ASP 0138Nested Script Block
ASP 0139Nested Object
ASP 0140Page Command Out Of Order
ASP 0141Page Command Repeated
ASP 0142Thread token error
ASP 0143Invalid Application Name
ASP 0144Initialization Error
ASP 0145New Application Failed
ASP 0146New Session Failed
ASP 0147500 Server Error
ASP 0148Server Too Busy
ASP 0149Application Restarting
ASP 0150Application Directory Error
ASP 0151Change Notification Error
ASP 0152Security Error
ASP 0153Thread Error
ASP 0154Write HTTP Header Error
ASP 0155Write Page Content Error
ASP 0156Header Error
ASP 0157Buffering On
ASP 0158Missing URL
ASP 0159Buffering Off
ASP 0160Logging Failure
ASP 0161Data Type Error
ASP 0162Cannot Modify Cookie
ASP 0163Invalid Comma Use
ASP 0164Invalid TimeOut Value
ASP 0165SessionID Error
ASP 0166Uninitialized Object
ASP 0167Session Initialization Error
ASP 0168Disallowed object use
ASP 0169Missing object information
ASP 0170Delete Session Error
ASP 0171Missing Path
ASP 0172Invalid Path
ASP 0173Invalid Path Character
ASP 0174Invalid Path Character(s)
ASP 0175Disallowed Path Characters
ASP 0176Path Not Found
ASP 0177Server.CreateObject Failed
ASP 0178Server.CreateObject Access Error
ASP 0179Application Initialization Error
ASP 0180Disallowed object use
ASP 0181Invalid threading model
ASP 0182Missing object information
ASP 0183Empty Cookie Key
ASP 0184Missing Cookie Name
ASP 0185Missing Default Property
ASP 0186Error parsing certificate
ASP 0187Object addition conflict
ASP 0188Disallowed object use
ASP 0189Disallowed object use
ASP 0190Unexpected error
ASP 0191Unexpected error
ASP 0192Unexpected error
ASP 0193OnStartPage Failed
ASP 0194OnEndPage Failed
ASP 0195Invalid Server Method Call
ASP 0196Cannot launch out of process component
ASP 0197Disallowed object use
ASP 0198Server shutting down
ASP 0199Disallowed object use
ASP 0200Out of Range ‘Expires’ attribute
ASP 0201Invalid Default Script Language
ASP 0202Missing Code Page
ASP 0203Invalid Code Page
ASP 0204Invalid CodePage Value
ASP 0205Change Notification
ASP 0206Cannot call BinaryRead
ASP 0207Cannot use Request.Form
ASP 0208Cannot use generic Request collection
ASP 0209Illegal value for TRANSACTION property
ASP 0210Method not implemented
ASP 0211Object out of scope
ASP 0212Cannot Clear Buffer
ASP 0214Invalid Path parameter
ASP 0215Illegal value for ENABLESESSIONSTATE property
ASP 0216MSDTC Service not running
ASP 0217Invalid Scope in object tag
ASP 0218Missing LCID
ASP 0219Invalid LCID
ASP 0220Requests for GLOBAL.ASA Not Allowed
ASP 0221Invalid @ Command directive
ASP 0222Invalid TypeLib Specification
ASP 0223TypeLib Not Found
ASP 0224Cannot load TypeLib
ASP 0225Cannot wrap TypeLibs
ASP 0226Cannot modify StaticObjects
ASP 0227Server.Execute Failed
ASP 0228Server.Execute Error
ASP 0229Server.Transfer Failed
ASP 0230Server.Transfer Error
ASP 0231Server.Execute Error
ASP 0232Invalid Cookie Specification
ASP 0233Cannot load cookie script source
ASP 0234Invalid include directive
ASP 0235Server.Transfer Error
ASP 0236Invalid Cookie Specification
ASP 0237Invalid Cookie Specification
ASP 0238Missing attribute value
ASP 0239Cannot process file
ASP 0240Script Engine Exception
ASP 0241CreateObject Exception
ASP 0242Query OnStartPage Interface Exception
ASP 0243Invalid METADATA tag in Global.asa
ASP 0244Cannot Enable Session State
ASP 0245Mixed usage of Code Page values
ASP 0246Too many concurrent users. Please try again later.
ASP 0247Bad Argument to BinaryRead.
ASP 0248Script isn’t transacted. This ASP file must be transacted in order to use the ObjectContext object.
ASP 0249Cannot use IStream on Request. Cannot use IStream on Request object after using Request.Form collection or Request.BinaryRead.
ASP 0250Invalid Default Code Page. The default code page specified for this application is invalid.
ASP 0251Response Buffer Limit Exceeded. Execution of the ASP page caused the Response Buffer to exceed its configured limit.
Categorías
ASP

ASP_0147

Este error se suele producir por problemas de estabilidad y rendimiento en el IIS.

Causas mas comunes

  • La utilización de CPU del servidor es muy alta, normalmente cerca a 100%.
  • El sitio no puede responder.
  • Hay más de 600 conexiones actuales en el Web servidor.
  • El uso de memoria en el servidor Web está en el máximo.
    Es posible que reciba MEMORIA INSUFICIENTE errores en los registros de eventos.
Categorías
moodle

Is required that you store all your data in unicode format (utf-8) – moodle

Es una error común, si eres hispanoparlante y tienes configurada tu base de datos en latan1 u otro.

Ejecuta en la linea de comandos o en el entorno grafico

ALTER DATABASE nombre de tu base de datos CHARACTER SET utf8

y luego ejecuta

ALTER DATABASE nombre de tu base de datos COLLATE utf8_general_ci