Articles of html5

Agregar atributo de datos a DOM

$(‘div’).data(‘info’, 1); alert($(‘div’).data(‘info’)); //this works $(‘div[data-info=”1″]’).text(‘222’); //but this don’t work Estoy creando un elemento dentro de jquery. Después de eso, quiero agregar atributos de “datos”. Es como y se agrega, pero en el DOM, esto no es evidente, y no puedo obtener el elemento, usando $(‘div[data-example=”example”]’).html() jsfiddle

El marcador de posición HTML5 desaparece al enfocar

¿Hay un complemento de jQuery de acceso libre que cambie el comportamiento del placeholder para que coincida con las especificaciones de HTML5? Antes del foco En Focus Good (Safari) En Focus Bad (Chrome, Firefox) Puedes hacer lo que tu navegador hace con este simple violín . La especificación del borrador HTML5 dice : Los agentes […]

Es posible validar el tamaño y tipo de entrada = archivo en html5

Estaba leyendo este http://dev.w3.org/html5/markup/input.file.html , pero solo encontré el atributo “aceptar”. Intenté esto ¿Es posible la validación del tamaño del archivo por parte del cliente? Encontré esta técnica para IE function getSize() { var myFSO = new ActiveXObject(“Scripting.FileSystemObject”); var filepath = document.upload.file.value; var thefile = myFSO.getFile(filepath); var size = thefile.size; alert(size + ” bytes”); } […]

¿Puedes tomar una “captura de pantalla” de la página usando Canvas?

Tengo una página donde estamos posicionando un grupo de elementos usando CSS y cambiando sus posiciones “arriba y a la izquierda” usando JS. He recibido informes de que estas cosas no se alinearon correctamente, pero el usuario tiene motivos para mentir sobre esto para “hacer trampa”, por lo que no estoy seguro de si dicen […]

Html5 data- * con atributos asp.net mvc TextboxFor html

¿Cómo agrego atributos data-* html usando TextboxFor? Esto es lo que tengo actualmente: @Html.TextBoxFor(model => model.Country.CountryName, new { data-url= Url.Action(“CountryContains”, “Geo”) }) Como puede ver, el – está causando un problema aquí data-url . ¿Cuál es el camino alrededor de esto?

Internet Explorer 9 Arrastrar y soltar (DnD)

¿Alguien sabe por qué los siguientes ejemplos de arrastrar y soltar del sitio web (más muchos otros tutoriales en línea) no funcionan en Internet Explorer 9? Chrome, FireFox y Safari están bien. http://www.html5rocks.com/tutorials/dnd/basics/ Pensé que se suponía que IE9 sería el navegador más compatible con HTML5. Especialmente con DnD ya que lo han estado soportando […]

¿Qué es el pseudo-elemento :: content / :: slotted y cómo funciona?

Esto es imposible de buscar en Google porque cada artículo que habla sobre los pseudo-elementos :before y :after parece usar la palabra ‘contenido’. Escuché sobre esto en este artículo de CSS-Tricks, donde explicaba cómo implementar un deslizador de imagen como ejemplo de uso para componentes web. El ejemplo de código que aparece en el interior […]

HTML5shiv vs Dean Edwards IE7-js vs Modernizr: ¿qué elegir?

Estoy buscando construir mi primer sitio HTML5 y he estado buscando trabajar con IE. Hay html5shiv, Dean Edwards ie7-js y luego Modernizr. ¿Son todos en gran medida lo mismo? Estoy confundido sobre qué ruta tomar.

¿Por qué usar los microdatos de Schema.org para marcar los elementos de la página web?

Entiendo por qué y cómo usar Schema.org para agregar microdatos a su sitio, esta no es una pregunta al respecto. La pregunta es por qué Schema.org tiene soporte para ciertas cosas que se pueden marcar con HTML5 simple . Entre estos están Tipos WebPage y sitio web Puedo ver por qué WebPage y WebSite serían […]

¿HTML WebSockets mantiene una conexión abierta para cada cliente? ¿Esta escala?

Tengo curiosidad por saber si alguien tiene información sobre la escalabilidad de HTML WebSockets. Por todo lo que he leído, parece que cada cliente mantendrá una línea abierta de comunicación con el servidor. Me pregunto cómo se escapan esas escalas y cuántas conexiones abiertas de WebSocket puede manejar un servidor. Quizás dejar esas conexiones abiertas […]