O HTML5 é um marco importante no desenvolvimento da tecnologia da Web. Para o desenvolvimento do front-end, se você conseguir encontrar alguns códigos que podem precisar ser reutilizados com frequência em desenvolvimento no futuro, acredito que você não recusará. Abaixo estão mais de 10 trechos de código HTML5 que coletamos cuidadosamente. Eu acredito que você vai gostar!
Se você precisar iniciar um novo projeto HTML5, definitivamente precisará do modelo mais simples. Aqui está um modelo HTML5 muito simples e claro. Eu acredito que todos vão gostar!
<! Doctype html> <html> <head> <meta charset = utf-8> <title> sem título </ititle> <!-[se lt ie 9]> <script src = http: //html5shim.goog.com/svn/trunk/html5.jjs> Conteúdo da web </body> </html>
Aqui está um código muito simples. Ele usa o usuário para inserir o local e obter o local do mapa do Google, o que é muito adequado para gerar formulários de contato.
<formulário de formulário = http: //maps.google.com/maps método = get Target = _blank> <Rótulo para = saddr> insira localização </cretwer> <tipo de entrada = nome do texto = saddr/> <type de entrada = nome oculto = daddr valor = 350 5th Ave New York, NY 10018 (construção de estados)/> <puta
Pessoalmente, não recomendo usar esse GIF em branco transparente, mas mesmo em 2013, muitas pessoas ainda o usam. Talvez você também goste de usar esse método.
<img src = dados: image/gif; base64, r0lgodlhaqabaiaaaaaaaaaaap ///h5baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
A forma regular pode ser usada no HTML5 para verificação de entrada:
<Tipo de entrada = Texto estilo = "margem-top: 0px; margem-fundo: 15px; preenchimento: 0px; borda: 1px RGB sólido (43, 153, 230); font-family: Indeit 25; 1000px;
Outro recurso mais útil no HTML5 é a tag de vídeo, que permite incorporar arquivos de vídeo facilmente. No entanto, muitos navegadores antigos não o suportam, então o código a seguir será muito útil
<largura do vídeo = 640 altura = 360 controles> <fonte src = __ vídeo __. mp4 type = video /mp4 /> <fonte src = __ vídeo __. Nome = Flashvars Value = ControlBar = Over & amp; Image = __ Poster __. Jpg & amp; FILE = __ VÍDEO __. MP4 /> <IMG SRC = __ VÍDEO __. 230); href = tel: 1-408-555-5555> 1-408-555-5555 </a> <a href = sms: 1-408-555-1212> nova mensagem de sms </a>
Usando elementos de dados de dados, o HTML5 permite o uso de um conjunto de dados para gerar funções de preenchimento automático. Agora você não precisa usar o código JS de terceiros ou as bibliotecas de classe!
<nome de entrada = listworks list = estrutura /> <datalist id = frameworks> <opção value = mootools> <opção value = moobile> <opção value = Dojo Toolkit> <opção Valor = jQuery> <Option Value = yui> < /datalist>
<!-Download como despesas.pdf-> <a href =/files/adlafjlxjewfasd89asd8f.pdf Download = despesas.pdf> Faça o download do seu relatório de despesas </a>
Você deve saber que o IE6 é bastante usado na China. Se eu não suportar o IE6 no seu aplicativo ou site da Web, adicione este código e acredito que seus usuários atualizem o IE6, hehe!
<Toy>*{Position: relativo} </style> <table> <input> </itlast>