<!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> ????????????????</body> ?</html>
这里是一个简单但功能强大的表单代码，用户可以输入他的位置指示到特定的地方。对于联系页面非常有用。
<form action="http://maps.google.com/maps" method="get" target="_blank"> ????<label for="saddr">Enter your location</label> ????<input type="text" name="saddr" /> ????<input type="hidden" name="daddr" value="350 5th Ave New York, NY 10018 (Empire State Building)" /> ????<input type="submit" value="Get directions" /> ?</form>
Base64 编码的空白 GIF 图片
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
Email 校验的正则表达式
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
打电话和发短信
<a href="tel:1-408-555-5555">1-408-555-5555</a><a href="sms:1-408-555-1212">New SMS Message</a>
可下载的文件
<!-- will download as "expenses.pdf" --><a href="/files/adlafjlxjewfasd89asd8f.pdf" download="expenses.pdf">Download Your Expense Report</a>
常用HTML5代码片段
原文地址：http://www.cnblogs.com/qq735675958/p/7483825.html