几个实用的HTML5代码片段

当启动一个新的项目的时候，你需要一个启动模板。这里是一个简洁干净的模板，可以作为 HTML5 项目的基础。

HTML5 启动模板

 
 
 
 
 
 
 

 

获取方位的表单 (Google Maps)

这里是一个简单但功能强大的表单代码，用户可以输入他的位置指示到特定的地方。对于联系页面非常有用。

Email 校验的正则表达式

HTML5 对表单功能进行了很大的正确，例如允许使用正则表达式模式来验证电子邮件。

嵌入 Flash
      你是否经常需要再 HTML 页面中嵌入 Flash 文件？如果是的话，你会更好地保存下面的 Flash 嵌入代码以供将来使用。

HTML5 video with Flash fallback
       新的 HTML5 规范的另一大特点是 Video 标签，让您轻松嵌入视频文件。但不幸的是，一些浏览器不能处理嵌入式 HTML5 视频。因此，这里兼容旧的浏览器的代码，在不支持 HMTL5 视频的浏览器使用 Flash。

打电话和发短信

在移动网页中，有一种快速的方法来建立呼叫和短信链接。下面是一个示例代码，记得收藏在您的代码片段库里。

1-408-555-5555
New SMS Message
自动完成功能

使用 dataList 元素，HTML5 允许你创建一个输入字段自动完成数据的列表。超级有用的！这里是一个示例代码。

可下载的文件
       HTML5 允许使用 download 属性强制下载文件。这里是一个标准链接到一个可下载的文件。

Download Your Expense Report

Crash IE6
2013 年，带给前端开发人员恶梦的 Internet Explorer 6 市场份额已经降了很多了。但一些人仍然在使用它。如果你想摆脱这种旧的浏览器，这里是一个非常有趣的代码，包括在你的 HTML 页面，让 IE6 崩溃。

感谢/index.html教学，下面是我自己的分类总结：

搜索分类关键词：多媒体类、文字段落类、导航列表表单类，按钮事件绘图类，页面结构缓存类

多媒体：

//嵌入视频

----------------------------------------------------------------------------------------------------------------------

//嵌入音频

----------------------------------------------------------------------------------------------------------------------

标签定义 HTML 页面中的图像。
请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。 标签的作用是为被引用的图像创建占位符。
标签有两个必需的属性：src 和 alt。alt规定图像的替代文本

----------------------------------------------------------------------------------------------------------------------

//标签定义超链接，用于从一个页面链接到另一个页面，最重要的属性是 href 属性，它指定链接的目标
//target属性用于指定目标的打开方式：_blank（新建窗口打开） _self（在同一窗口打开） _parent（在父窗口打开） _top（在窗口主体打开）

W3School