常识网站制作中用的10个 HTML5 代码片段

addle

HTML很容易写，但页设计制作时，您经常需要重复做同样的任务，如创建表单。在这篇文章中，我收集了10个超有用的HTML代码片段，有HTML5启动模板、空白图片、打和发短信、自动完成等等，帮助你提高开发速度。



HTML5启动模板



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



!DOCTYPE

="-8"





U





!--[IE9]





=":55"





![]--



获取方位的表单(GM)



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



=":"=""="_"





=""E





=""=""





=""=""="3505ANY,NY10018(ESB)"





=""="G"





B64编码的空白GIF图片



我不推荐使用透明的GIF，但我知道，即使在2022年，很多人都还在使用他们。如果你是其中之一，你可能会享受这个B64编码的1*1的空白GIF。这种方式比使用的图像更好。



=":;64,R0GODAQABAIAAAAAAAPH5BAEAAAAALAAAAAABAAEAAAIBRAA7"E校验的正则表达式



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



=""=""="[^@]+@[^@]+\[-A-Z]{2,6}"嵌入F



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



="--"





="--"





="0"="0"





=""="--"





=""=""





HTML5F



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



="640"="360"





="__VIDEO__MP4"="4"





="__VIDEO__OGV"=""





="640"="360"="--"="__FLASH__SWF"





=""="__FLASH__SWF"





=""="==__POSTER__JPG=__VIDEO__MP4"





="__VIDEO__JPG"="640"="360"="__TITLE__"





="N,"



打和发短信



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



=":1-408-555-5555"1-408-555-5555





=":1-408-555-1212"NSMSM自动完成功能



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



=""=""



=""





="MT"





="M"