Html5 - 随笔分类 - Tsingtree

利用 qrcode 在图片生成二维码

摘要：百度网盘下载： qrcode 提取码: ubax，详细文档说明：请查看对比图效果图下载下来后我把他引入下面页面--qr.html（路径记得换成你自己的） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta n 阅读全文

posted @ 2020-02-24 16:02 Tsingtree 阅读(917) 评论(0) 推荐(0)

canvas 简单的实现柱状图

摘要：效果如何，先看下图既然看到图片的效果了，那么下面我们进行代码分析 1.封装一个函数来绘画柱形条 2.这里的柱形条所用的颜色我通过下面这个随机函数进行获取 3.接下来是 canvas 的核心代码实现：由于这里我设置的 canvas 的宽度是 400px 所以这里限制产生的柱形条的多少就根据宽度进行阅读全文

posted @ 2019-08-01 18:00 Tsingtree 阅读(1574) 评论(0) 推荐(0)

canvas实现简单的画图工具中画笔效果,外加画好的笑脸

摘要：canvas实现简单的画图工具中画笔效果,外加画好的笑脸阅读全文

posted @ 2017-12-02 22:46 Tsingtree 阅读(588) 评论(0) 推荐(0)

HTML 5中的全局属性

摘要：1、contentEditable--在使用这个属性下的子元素为可编辑。属性是true/false 2、designMode--整个可见页面（body）下的所有元素都可编辑，注意：该属性这能在JavaScript中使用属性值：on/off 3、spellcheck 只针对 textarea和i 阅读全文

posted @ 2017-07-27 21:41 Tsingtree 阅读(370) 评论(0) 推荐(0)

1-4、aside元素

摘要：示例一：包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名称解释等。示例二：在article之外元素使用，作为页面或站点全局的附属信息部分。例如友情链接、博客中其他文章列表或广告单元等。效果图如下所示：阅读全文

posted @ 2017-07-02 22:16 Tsingtree 阅读(272) 评论(0) 推荐(0)

1-3、nav元素

摘要：nav元素推荐使用场合： 1、传统导航条 2、侧边栏导航 3、页内导航 4、翻页操作阅读全文

posted @ 2017-07-02 21:42 Tsingtree 阅读(217) 评论(0) 推荐(0)

1-2、section元素

摘要：示例一：注意：section不能出现没有包含标题部分，可以使用 http://gsnedders.html5.org/outliner/ 工具进行检查。示例二：示例三：看了1-1的article和现在1-2的section感觉两者一样是否能互换使用？那么他们两者有什么区别？ article元阅读全文

posted @ 2017-07-02 21:32 Tsingtree 阅读(308) 评论(0) 推荐(0)

1-1、article元素

摘要：示例一：示例二：示例三：阅读全文

posted @ 2017-07-02 21:11 Tsingtree 阅读(191) 评论(0) 推荐(0)

6.新增事件

摘要：新增事件: 阅读全文

posted @ 2017-07-02 18:04 Tsingtree 阅读(325) 评论(0) 推荐(0)

5.链接相关的属性以及其他属性

摘要：链接相关的属性: 1、为a与area元素增加了media属性、download属性以及ping属性，其中media属性规定目标URL是为什么类型的媒介/设备进行优化的，download属性用于让用户下载目标链接所指向的资源，而不是直接打开该目标资源，这些属性均只能在href属性存在时使用。 2、为a 阅读全文

posted @ 2017-07-02 17:25 Tsingtree 阅读(226) 评论(0) 推荐(0)

4.新增表单相关的属性

摘要：新增表单相关的属性 1、可以对input（type=text）、select、textarea与button元素指定autofocus属性。它以指定属性的方式让元素在打开页面时自动获得焦点。 2、可以对input（type=text）和textarea元素指定placeholder属性，它会对用户的阅读全文

posted @ 2017-07-02 17:09 Tsingtree 阅读(245) 评论(0) 推荐(0)

3.新增input类型

摘要：新增input类型： email:表示必须输入e-mail地址的文本输入框。 url:表示必须输入URL地址的文本输入框。 number:表示必须输入数值的文本输入框。 range:表示必须输入指定范围的文本输入框。 Date Pickers:HTML5拥有多个可供选取日期和时间的新型输入文本框。阅读全文

posted @ 2017-07-02 16:45 Tsingtree 阅读(199) 评论(0) 推荐(0)

2.HTML5新增的其他元素

摘要：HTML5新增的其他元素： video元素用于定义视频。 audio元素用于定义音频。 embed元素用于插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等。 mark元素主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。mark元素的一个比较经典的应用就是在搜索结果中向阅读全文

posted @ 2017-07-02 16:35 Tsingtree 阅读(253) 评论(0) 推荐(0)

1.HTML5新增结构元素

摘要：HTML5新增结构元素： header元素表示页面中一个内容区块或整个页面的标题。 section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、/6等元素结合使用，标示文档结构。 article元素表示页面中的一块与上下文不相关的独立内容阅读全文

posted @ 2017-07-02 15:17 Tsingtree 阅读(479) 评论(0) 推荐(0)

BetiaStar

随笔分类 - Html5

公告