Página da web WebJX Artigo Introdução: 10 trechos de código HTML5 práticos que você definitivamente deve coletar.
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!
O modelo mais fácil para html5Se 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 </ititure>
<!-[se lt ie 9]>
<script src => </script>
<! [endif]->
</head>
<Body>
O conteúdo principal da web
</body>
</html> Formulário Obtenha o Google Maps
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.
<forma de ação = método = get target = _blank><Label for = saddr> insira localização </cret>
<Tipo de entrada = Nome do texto = SADDR />
<Tipo de entrada = Nome oculto = Daddr
Valor = 350 5th Ave Nova York, NY 10018 (Empire State Building) />
<Tipo de entrada = Valor de envio = Get Directions />
</morm> base64 Arquivo GIF em branco codificado de tamanho 1x1
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=data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAP///yH5BAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7> Regular Form Verification EmailA forma regular pode ser usada no HTML5 para verificação de entrada:
<Tipo de entrada = Dados de texto = seu Flash-File.swflargura = 0 altura = 0>
<nome do param = Valor do filme = Your-Flash-File.swf />
<nome do param = valor da qualidade = alto/>
</object> filme e suporta fallback
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 __. ogv tipo = vídeo /ogg />
<largura do objeto = 640 altura = 360 tipo = aplicativo/x-shockwave-flash
dados = __ flash __. SWF>
<nome do param = valor do filme = __ flash __. SWF />
<nome do param = flashvars value = controlbar = over & amp;
imagem = __ Poster __. JPG & amp; arquivo = __ Video __. Mp4 />
<img src = __ vídeo __. jpg width = 640 altura = 360 alt = __ title__
Título = Sem recursos de reprodução de vídeo, faça o download do vídeo abaixo />
</ject>
</video> Links para iPhone e SMS
A Apple apresenta uma maneira muito conveniente de criar links de telefone e texto no iPhone. O código é o seguinte:
<a href = Tel: 1-408-555-5555> 1-408-555-5555 </a><a href = sms: 1-408-555-1212> nova mensagem SMS </a> Função automática de dados de dados do HTML5
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 = Lista de estruturas = Frameworks /><Datalist ID = Frameworks>
<opção valor = mootools>
<Valor da opção = Moobile>
<Opção Value = Dojo Toolkit>
<opção valor = jQuery>
<opção valor = yui>
</datalist> O arquivo pode ser baixado diretamente <!-baixará como despesas.pdf->
<a href =/files/adlafjlxjewfasd89asd8f.pdf
Download = despesas.pdf> Baixe seu relatório de despesas </a> Crash versão antiga navegador ie6
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>