HTML5 ist ein wichtiger Meilenstein bei der Entwicklung der Web -Technologie. Wenn Sie für die Front-End-Entwicklung einige Codes finden, die möglicherweise in Zukunft häufig in der Entwicklung wiederverwendet werden müssen, werden Sie nicht ablehnen. Im Folgenden finden Sie mehr als 10 HTML5 -Code -Snippets, die wir sorgfältig gesammelt haben. Ich glaube, es wird dir gefallen!
Wenn Sie ein neues HTML5 -Projekt starten müssen, benötigen Sie definitiv die einfachste Vorlage. Hier ist eine sehr einfache und klare HTML5 -Vorlage. Ich glaube, es wird jedem gefallen!
<!DOCTYPE html><html><head><meta charset=utf-8><title>Untitled</title><!--[if lt IE 9]><script src=http://html5shim.googlecode.com/svn/trunk/html5.js></script><![endif]--></head><body> Main content of Das Web </body> </html>
Hier ist ein sehr einfacher Code. Es verwendet den Benutzer, um den Standort einzugeben und den Google Map -Speicherort zu erhalten, der für die Generierung von Kontaktformularen sehr geeignet ist.
<form action = http: //maps.google.com/maps methode = get target = _blank> <label for = saddr> Ort eingeben.
Ich persönlich empfehle nicht, dieses transparente leere GIF zu verwenden, aber selbst im Jahr 2013 benutzen sie es immer noch. Vielleicht verwenden Sie diese Methode auch gerne.
<img Src = Daten: Bild/Gif; Base64, R0lgodlhaqabaiaaaaaaaaaap /// Yh5baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaap
Für die Eingabeüberprüfung darf in HTML5 in HTML5 verwendet werden:
<Eingangstyp = text style = "margin-top: 0px; margin-bottom: 15px; padding: 0px; rand: 1px durchgezogen rgb (43, 153, 230); Schriftfamilie: Erben; Linienhöhe: 27px; Vertical-Align: Basis: RGB (0, 0, 0, 0, 0); 1000px;
Eine weitere nützlichste Funktion in HTML5 ist das Video -Tag, mit dem Sie Videodateien einfach einbetten können. Viele alte Browser unterstützen es jedoch nicht, daher ist der folgende Code sehr nützlich
<Videobreite = 640 Höhe = 360 Steuerelemente> <Source Src = __ Video __. name = flashvars value = controlBar = Over & amp; Bild = __ Poster __. JPG & amp; Datei = __ Video __. 230); href = tel: 1-408-555-5555> 1-408-555-5555 </a> <a href = sms: 1-408-555-1212> Neue SMS-Nachricht </a>
Mithilfe von Datalistenelementen ermöglicht HTML5 die Verwendung eines Datensatzes, um automatische Füllfunktionen zu generieren. Jetzt müssen Sie keinen JS-Code oder Klassenbibliotheken von Drittanbietern verwenden!
<input name = Frameworkslist = Frameworks /> <Datalist ID = Frameworks> <Option Value = Mootools> <Option Value = Moobile> <Option Value = Dojo Toolkit> <Option Value = jQuery> <optionswert = yui> < /datalist>
<!-wird als Ausgaben herunterladen
Sie sollten wissen, dass IE6 in China ziemlich verwendet wird. Wenn ich IE6 in Ihrer Webanwendung oder Website nicht unterstütze, fügen Sie diesen Code hinzu und ich glaube, Ihre Benutzer werden IE6 aktualisieren, hehe!
<Style>*{Position: Relativ} </style> <table> <eingabe> </table>