常用HTML5代码片段

<!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 校验的正则表达式

打电话和发短信

<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>

时间： 2025-01-08 16:31:52

常用HTML5代码片段的相关文章

IOS开发－OC学习－常用功能代码片段整理

IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是在做与URL有关的功能时,需要在Info.plist中添加一段代码进而实现让网址完成从Http到Https的转换,以及其他的一些功能. 在从一个新手到逐渐学会各种功能.代码.控件.方法如何使用的过程中,也在逐渐积累一些知识,但是一次总不会把这些东西都深刻记住并完全理解.所以在这儿记录下这些东西,用来

WebApp 开发中常用的代码片段

其实这里面的多数都是 iOS 上面的代码.其他平台的就没有去验证了. HTML, 从HTML文档的开始到结束排列: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 <meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)

常用Javascript代码片段集锦

说集锦有点夸张了,因为只是收集了一部分. 这是我业余时间收集的一些常用的javascript代码片段. 不过代码的组织比较混乱,主要是通过全局函数和对象封装,后期会继续添加和完善. 如果有错误欢迎批评指正, 当然也欢迎PR或提issue. 希望大家一起完善! 如果项目依赖jQuery/Zepto等库或框架, 可能有些代码用不到,因为这些库或框架已经帮我们封装好了. 这主要是为了脱离jQUery/Zepto等库的情况下使用. Github: https://github.com/zffMaple/

在网站制作中随时可用的10个 HTML5 代码片段

当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/s

Html5代码片段收集

HTML5 启动模板当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Untitled</title> 6 <!--[if lt IE 9]> 7 <script src="http://h

十个html5代码片段，超实用，一定要收藏

HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮助你提高开发速度. 一.HTML5 启动模板当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

记录C#常用的代码片段

时间一久,常用的代码会有点忘记,还是贴在这里方便查找! 1.将信息写入文件中 //将字符串写入到文本中 void writeToText(string msg) { try { msg = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss") + " : " + msg; string fileUrl = HttpContext.Server.MapPath("~/unionpayLog.txt"); Syst

iOS开发效率之为Xcode添加常用的代码片段

tableview是我们经常使用的控件,而使用tableview控件需要自己去实现一些基本的tableview的代理.这些对于每个程序基本上都是大同小异.对于声明property来说也是我们经常需要做的工作.所以我们需要把这些公用的东西总结成代码块,供我们以后的快捷使用. 具体步骤如下: 1.将我们需要重复使用的代码块全部选中拖到下图右下角的libray里面去. 2.这时候会弹出一个对话框需要我们填入一些基本信息从上到下依次是: Title 代码片段的标题 Summary 代码片段的描述文字

前端开发常用js代码片段

HTML5 DOM 选择器 // querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item); // querySelectorAll() 返回匹配到的所有元素,是一个nodeList集合var items = document.querySelectorAll('.item');console.log(items[0]); 阻止默认行为 // 原生jsdocument.getEl