O desenvolvimento da Internet está sempre constantemente dando o surgimento de novas tecnologias, e o HTML5 e o CSS3 são tópicos quentes que foram discutidos recentemente. Então, o que exatamente há para HTML5 e CSS3 que nos fazem brilhar? Compartilhei com você "Revelando HTML5 e CSS3 " na Conferência de Beijing de Beijing e a gangue de chá de leite de Pearl.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
O antecessor do Draft HTML 5 foi chamado de aplicativos da Web 1.0. Em 22 de janeiro de 2008, o primeiro rascunho oficial foi lançado. O HTML 5 é o maior salto nos padrões de desenvolvimento da Web na última década. Ao contrário das versões anteriores, o HTML 5 não é usado apenas para representar o conteúdo da Web são padronizados. Então, vamos dar uma olhada na visão geral técnica do HTML5:
O HTML5 adicionou muitos elementos multimídia e interativos, como vídeo e áudio. Tudo bem, tão conveniente quanto a tag IMG. Em termos de layout da página e implementação de conteúdo, o HTML5 adicionou muitos elementos de tag estruturados, elementos semânticos e no nível do bloco. . a porcentagem da conclusão da tarefa. O YouTube fez uma tentativa de tecnologia HTML5. Obviamente, o HTML5 também adicionou alguns atributos a alguns elementos, como o atributo de entrada e a textarea, o que é equivalente ao prompt de entrada da caixa de entrada. script. Para todos os atributos comuns HTML, geralmente os chamamos de "atributos globais", como Class, ID, Tabindex, título. O HTML5 também adiciona suporte para microdata, como os novos atributos do item, itemPro, sujeito etc. no HTML5.
Obviamente, o HTML5 também removeu alguns elementos que representam a exibição da página, como fonte, centro, greve, etc. Eles deveriam ter sido feitos pelo CSS, por isso ainda é fácil de entender. Removido, como quadro, quadro, noframe e alguns elementos incomuns, como acrônimo e ABBR, é usado para representar a abreviação. O HTML5 também remove alguma familiaridade HTML que afeta a compatibilidade do cliente, como o atributo REV do link e o atributo de escopo do TD;
O HTML5 fornece poderosos tipos de controle, como URL, email, data, tel, etc., propriedades de restrição poderosas, como exigidas, atributos de aceitação para uploads de arquivo e alguns modelos de elementos duplicados do formulário. Método de envio XML, para que os dados recebidos pelo servidor sejam no formato XML e o formulário HTML5 seja definido como "Formulários da Web 2.0".
Clique aqui para ver os formulários da Web 2.0 Demo, Opera9.5+ é necessário
Muitas interfaces HTML5 herdam do HTMLDocument no DOM Nível 2 HTML. Selecionado O objeto do seletor possui dois métodos no queryselector e QuerySelectorAll, que podem obter os elementos a serem consultados com base no seletor CSS, que é equivalente a y.one e y.All in yui3.
Quais APIs html5 adicionaram ao JavaScript?
Vídeo/áudio: o HTML5 fornece APIs para vídeo e áudio para permitir que os desenvolvedores controlem suas próprias interfaces de usuário, como reprodução ou pausas de mídia.
Canvas: Canvas é um novo elemento HTML que pode ser usado pela linguagem de script (geralmente JavaScript) para desenhar gráficos. Por exemplo, ele pode ser usado para desenhar figuras, sintetizar imagens ou fazer animações simples (e não tão simples). O Canvas é uma coisa mágica. Filtyle ou defina sua cor de golpe através do Strokestyle, e até a operação dos caminhos de desenho coincide com a operação de caneta do Photoshop. O Canvas já possui aplicativos em muitos sites, como as estatísticas de status de download em tempo real do Firefox, e você pode até usar o Canvas para escrever jogos da web.
Drag & Drop: Na mídia visual indicando o dispositivo, a operação de "Drag" é o evento de mouse para baixo e mousemove com mousemove, e "Drop" é um evento acionado quando o mouse é liberado. As interfaces DataEvent e Datatransfer são definidas no Drag & Drop.
Web Workers: Faça o JavaScript multi-threading e pode fazer muito trabalho em segundo plano sem bloquear as operações atuais do navegador.
Geolocation: Geolocation. O objeto de posição. Em alguns telefones celulares, como iPhones.
Cache do aplicativo: esse é o suporte do HTML5 para aplicativos offline. Cache os arquivos necessários e você ainda pode usar este aplicativo quando sua rede não estiver disponível. Para aplicativos offline, o Google também desenvolveu a extensão do navegador do Google Gears, mas, no final, a mudança do Google para o HTML5 também pode ver as vantagens dos aplicativos de armazenamento e offline HTML5.
Armazenamento: o Webkit implementou o armazenamento do banco de dados, você pode consultar dados e executar algumas operações, como um banco de dados de operação de back -end. Existe outro tipo de armazenamento, como sessões e localizador, que pode ser armazenado e obtido através do SetItem e GetItem.
Mensagens do Document X: O navegador bloqueia a comunicação de documentos entre diferentes domínios devido à segurança e privacidade. A comunicação entre documentos pode ser alcançada, permitindo ignorar de onde vem o domínio de origem e, ao mesmo tempo, evita ataques de script.
HTML5 o deixou animado? Então, quando o HTML5 se tornará o padrão? Dizem que será até 2022 e há um site muito interessante http://ishtml5readyyet.com/ para dizer quantos dias existem para haver no HTML5.