El desarrollo de Internet siempre está dando lugar constantemente a la aparición de nuevas tecnologías, y HTML5 y CSS3 son temas candentes que se han discutido recientemente. Entonces, ¿qué hay exactamente para HTML5 y CSS3 que nos hacen brillar? Compartí con usted "Revelando HTML5 y CSS3 " en la Conferencia de Intercambio Beijing de WebreBuild y la pandilla de té Pearl Milk.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
El predecesor del borrador de HTML 5 se llamó Web Aplications 1.0. El 22 de enero de 2008, se lanzó el primer borrador oficial. HTML 5 es el mayor salto en los estándares de desarrollo web en la última década. A diferencia de las versiones anteriores, HTML 5 no solo se usa para representar el contenido web. están estandarizados. Así que echemos un vistazo a la descripción técnica de HTML5:
HTML5 ha agregado muchos elementos multimedia e interactivos como el video y el audio. Eso está bien, tan conveniente como la etiqueta IMG. En términos de diseño de página e implementación de contenido, HTML5 ha agregado muchos elementos de etiqueta estructurados, niveles de bloque y elementos semánticos. . Tiene un atributo de valor describe cuántas tareas se han completado, y un atributo Max describe cuántas tareas se necesitan en total. El porcentaje de la finalización de la tarea. YouTube ha intentado la tecnología HTML5. Por supuesto, HTML5 también ha agregado algunos atributos a algunos elementos, como el atributo de marcador de posición de entrada y textura, que es equivalente a la solicitud de entrada del cuadro de entrada. guion. Para todos los atributos comunes HTML, generalmente los llamamos "atributos globales", como clase, ID, Tabindex, Título. HTML5 también agrega soporte para microdatos, como los nuevos atributos de item, itemPro, sujeto, etc. en HTML5.
Por supuesto, HTML5 también eliminó algunos elementos que representan la pantalla de la página, como la fuente, el centro, el ataque, etc. Estos deberían haber sido realizados por CSS, por lo que aún es fácil de entender. eliminado, como Frame, Frameset, Noframe y algunos elementos poco comunes, como el acrónimo, y ABBR se usa para representar la abreviatura. HTML5 también elimina cierta familiaridad HTML que afecta la compatibilidad del cliente, como el atributo Rev of Link y el atributo de alcance de TD;
HTML5 proporciona potentes tipos de control como URL, correo electrónico, fecha, tel, etc., propiedades de restricción potentes, como los atributos de aceptación requeridos para las cargas de archivos, y algunos modelos de elementos duplicados de forma también proporcionan. Método de envío XML, de modo que los datos recibidos por el servidor estarán en formato XML, y el formulario HTML5 se define como "Formularios web 2.0".
Haga clic aquí para ver la demostración de los formularios web 2.0, se requiere Opera9.5+
Muchas interfaces HTML5 heredan desde HTMLDocument en DOM Nivel 2 HTML. Seleccionado, el objeto del selector tiene dos métodos en QuerySelector y QuerySelectorall que pueden obtener los elementos que se consultarán en función del selector CSS, que es equivalente a Y.One y Y. En Yui3.
¿Qué API han agregado HTML5 a JavaScript?
Video/Audio: HTML5 proporciona API para el video y el audio para permitir a los desarrolladores controlar sus propias interfaces de usuario, como reproducir o detener el contenido multimedia.
Canvas: el lienzo es un nuevo elemento HTML que puede ser utilizado por el lenguaje de script (generalmente JavaScript) para dibujar gráficos. Por ejemplo, se puede usar para dibujar imágenes, sintetizar imágenes o hacer animaciones simples (y no tan simples). El lienzo es algo mágico. Fillstyle o ajuste su color de trazo a través de Strokestyle, e incluso la operación de las rutas de dibujo coincide con la operación de la pluma de Photoshop. Canvas ya tiene aplicaciones en muchos sitios web, como las estadísticas de estado de descarga en tiempo real de Firefox, e incluso puede usar Canvas para escribir juegos web.
Drag y Drop: en los medios visuales que indican el dispositivo, el funcionamiento de "arrastre" es el evento de mouse hacia abajo y mouseMove con mouseMove, y "drop" es un evento activado cuando se libera el mouse. Las interfaces DataVent y DataTransfer se definen en Drag & Drop.
Trabajadores web: haga javascript múltiples subprocesos y puede hacer mucho trabajo en segundo plano sin bloquear las operaciones actuales del navegador.
Geolocalización: Geolocalización. El objeto de posición. en algunos teléfonos móviles como iPhones.
Cache de la aplicación: este es el soporte de HTML5 para aplicaciones fuera de línea. . Para aplicaciones fuera de línea, Google también ha desarrollado la extensión del navegador de Google Gears, pero al final, el cambio de Google a HTML5 también puede ver las ventajas del almacenamiento HTML5 y las aplicaciones fuera de línea.
Almacenamiento: WebKit ha implementado el almacenamiento de la base de datos, puede consultar datos y realizar algunas operaciones como una base de datos de operación de back -end. Hay otro tipo de almacenamiento, como SessionStorage y LocalStorage, que se puede almacenar y obtener a través de SetItem y GetItem.
Mensaje de Documento X: el navegador bloquea la comunicación de documentos entre diferentes dominios debido a la seguridad y la privacidad. Se puede lograr la comunicación entre documentos cruzados, lo que nos permite ignorar de dónde proviene el dominio de origen y, al mismo tiempo, prevenir los ataques de guiones.
¿HTML5 te emocionó? Entonces, ¿cuándo se convertirá HTML5 en el estándar? Se dice que será hasta 2022, y hay un sitio web muy interesante http://ishtml5readyyet.com/ para decirle cuántos días hay que estar en HTML5.