搜索 "HTML5"-Web前端之家

了解下HTML5的内嵌媒体

2017年11月07日

视频已经在Web上广泛流行了，但是其格式几乎都是专有的。YouTube使用Flash，Microsoft使用WindowsMedia®，Apple使用QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。因此，WhatWG提议引入一个新的vi...

HTML5中对dir属性

2017年11月07日

ltr：从左到有。rtl：从右到左。auto：根据文本内容自动决定，不准确，不建议使用，除非万不得已。元素的dir属性用于定义元素的文字排版方向。可设置如下几个值：bdi元素没有设置dir属性时，和设置auto效果一致。根元素没有设置dir属性时，和设置成ltr效果一致。元素没有设置dir属性，而其...

了解HTML5之contenteditable属性

2017年10月14日

contenteditable属性规定是否可编辑元素的内容。contenteditable是一个枚举类型的属性，可供选择的值有空字符串、true、false或inherit（默认）。当为空字符串时，效果和true一致。当一个元素的contented...

HTML5 Canvas颜色选择器

2017年10月14日

这段代码是用HTML5来创建一个网页颜色选择器。首先在Canvas画一幅图，然后添加鼠标事件“鼠标移动”，“鼠标点击”。在鼠标移动的时候，显示当前划过的颜色预览，在鼠标点击的时候，选中当前颜色，显示颜色的细节。<!DOCTYPE html><html la...

HTML5中的FileReader、拖拽和canvas教程

2017年02月13日

在现在这个到处是HTML5话题的时代，好像不懂点HTML5都有点落伍。那我也跟上潮流一把吧，今天给大家分享的是基于HTML5的自助切图。在组里经常会被某设计师叫切板仔，确实重构很大一部分工作都花在切图上，而如何提高切图效率或者让切图自助化也是我们重构师的追求。基于这个前提我自己抱着研究的心态，使用H...

HTML5的自定义data-*属性和jquery的data()方法的使用示例

2017年02月11日

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。...

HTML5 Canvas的文本设置字体和大小

2017年02月08日

HTML5Canvas的文本设置字体和大小，我们可以使用的字体在画布范围内的属性。下面我们就做一个简单的实例为大家讲解下，基本语法：context.font=[value];HTML5 Canvas Text Font & Size&nbs...

初学者对于HTML5的一些误解

2017年02月08日

想当初刚接触HTML5的时候，经常会质疑一些问题，正如Opera的布道者BruceLawson讲的那样，“每个人都在谈论HTML5”，它被传的很神，很玄。事实上有很多人所说的HTML5实际上只是古老的DHTML或者Ajax。把所有的信息混在一起就是一堆错误信息。HTML5简单的说就是一组新的标准...

CSS3,HTML5和jQuery搜索框集锦

2017年02月06日

添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找到自己需要的信息。因此，在网站中添加一个搜索框已经成为网页设计的主流元素之一。添加一个搜索框到网站会使得用户界面更加友好，也能帮助用户轻松愉快地浏览。脉动的CSS3输入搜索框输入搜索框带有边框和类似脉冲的阴影跳动。纯CSS...

jQuery(非HTML5)可编辑表格实现代码

2017年02月05日

功能：单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。主要实现思路：选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input...

jQuery中使用data()方法读取HTML5自定义属性data-*实例

2017年02月04日

主要的方法如下：复制代码代码如下:.data(key,value).data(obj).data(key).data()从jQuery1.4.3起，HTML5data-属性将自动被引用到jQuery的数据对象中。例如HTML：复制代码代码如下:<divdat...

用HTML5实现一个twitch3D游戏

2017年02月02日

原文：http://blog.artillery.com/2012/05/realtime-multiplayer-3d-gaming-html5.html这篇文章国内有些机器译的版本，但实在太难阅读，这里试译了下。由于译者水平有限，可能会有不少错漏之处，一些不明确是...

HTML5基础教程:video视频标签详解

2017年02月02日

与音频一样，在过去，我们如果想在Web上播放视频，也是都是通过Flash来播放，同样并不是所有的浏览器都安装了Flash播放器插件，而现在我们在HTML5中，就能完全脱离Flash或其他的插件来播放视频了。video标签：...

使用jquery读取HTML5 localstorage的值的方法

2017年02月02日

在HTML5中，localstorage是个不错的东西，在支持localstorage的浏览器中，能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值，下面给出的例子是使用jquery在每次表单加载的时候，读localstorage的值，而在表单每次提交时则清楚其...

jQuery+HTML5美女瀑布流布局实现方法

2017年01月25日

本文实例讲述了jQuery+HTML5美女瀑布流布局实现方法。分享给大家供大家参考。具体如下：这是一款JavaScript与HTML5实现美女瀑布流布局，本方法是把图片的路径写在了JS的数组里，不过重点好像不是在这里，而是在图片如何自动排列的问题，你可以运行本实例后，点击“加载瀑布流布局”按...

HTML5中的标记方法

2017年01月18日

HTML5中的语法变化的变化，正是因为在HTML5之前几乎没有符合标准规范的Web浏览器。接下来让我们看一下，HTML5中的标记方法。内容类型（ContentType）DOCTYPE声明是HTML文件中必不可少的，它位于文件的第一行。在HTML4中，它的声明方法如下：<!DOCTYPE...

HTML5之视频知识介绍和技术规范

2017年01月05日

当今,在网页上嵌入视频且所有用户不管使用任何浏览器或者操作系统都能看到的唯一可靠方法是使用Flash。这需要AdobeFlash插件,并且结合<object>和<embed>标签。大多数用户已经安装了Flash插件(事实上,大概95%的上网用户都装有Flash的某个版本),...

HTML5实例教程:article标签使用实例

2017年01月05日

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章、一片论坛帖子、一段用户评论,或其它任何独立的内容。除了内容部分,一个article元素通常用作它自己的标题,有时还有它自己脚注。下面是一段关于article元素的实例：<ar...

【每日一学】整理下HTML5页面的头部内容

2016年12月22日

整理下HTML5页面的头部内容，你肯定不能错过。<!DOCTYPEhtml><html><...

HTML5语义化标签和基于HTML5的Web App

2016年12月20日

伴随着移动设备的快速崛起，App市场的发展也日渐迅猛，目前iOS和Android平台的App数量总和也达到100万款之多，据AAWP报道，WindowsPhone的应用市场数量已突破8万，晋升成为第三大应用平台。移动数据分析公司Flurry在近些年App趋势报告中显示，人们花费在App上的时间...

Modernizr为HTML5和CSS3而生

2016年12月17日

modernizr就是为HTML5而生的——它是一个检测浏览器对HTML5和CSS3特性支持的JS库，著名的HTML5/CSS3浏览器兼容性网站FindmeByIP就是基于该框架实现的。可以看到，右下角绿色按钮上面有Modernizr的链接。Modernizr的功能modernizr的功能其实很简单...

分享几款不错的HTML5 Canvas和JavaScript动画

2016年12月09日

说到HTML5Canvas和JavaScript动画，见多了，但是今天分享的确也是我先前没见过的，基于HTML5Canvas和JavaScript的动画，这些令人难以置信的效果将使你对HTML5彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。HTML5的Canva...

【HTML5每日一练】Canvas标签绘制径向渐变图形

2016年11月30日

我们学习了如何使用Canvas绘制线性渐变图形，今天我们来学习一下如何绘制径向渐变图形。我们知道绘制线性渐变图形用到了一个非常重要的函数——createLinearGradiend();如果我们要绘制径向渐变我们也有类似的方法，如下：context.createRadialGradient(xSta...

【HTML5每日一练】Canvas标签绘制线性渐变图形

2016年11月30日

今天将介绍其他比较高级的绘制知识之一：线性渐变。绘制线性渐变时，我们需要使用到一个新的对象——LinearGradient对象，使用图形上下文对象的createLinearGradiend方法来创建该对象，该方法的定义如下：context.createLinearGradient(xStart,...

问答社区 更多 >

2017年11月07日

作者:cidy2017 | 分类:移动开发 | 浏览:12590 | 评论:0

2017年11月07日

作者:qilongzhu | 分类:移动开发 | 浏览:13472 | 评论:0

2017年10月14日

作者:jiang | 分类:移动开发 | 浏览:11535 | 评论:0

2017年10月14日

作者:jiang | 分类:移动开发 | 浏览:16518 | 评论:0

2017年02月13日

作者:Terry | 分类:Html5 | 浏览:14652 | 评论:0

2017年02月11日

作者:Terry | 分类:综合 | 浏览:11708 | 评论:0

2017年02月08日

作者:web176 | 分类:移动开发 | 浏览:60698 | 评论:2

2017年02月08日

作者:Terry | 分类:Html5 | 浏览:11732 | 评论:0

2017年02月06日

作者:Terry | 分类:综合 | 浏览:15477 | 评论:0

2017年02月05日

作者:Terry | 分类:综合 | 浏览:11763 | 评论:0

2017年02月04日

作者:Terry | 分类:综合 | 浏览:11643 | 评论:0

2017年02月02日

作者:web176 | 分类:移动开发 | 浏览:12589 | 评论:0

2017年02月02日

作者:Terry | 分类:移动开发 | 浏览:12649 | 评论:0

2017年02月02日

作者:Terry | 分类:综合 | 浏览:11157 | 评论:0

2017年01月25日

作者:Terry | 分类:综合 | 浏览:8869 | 评论:0

2017年01月18日

作者:Terry | 分类:HTML/CSS | 浏览:16637 | 评论:0

2017年01月05日

作者:Terry | 分类:移动开发 | 浏览:21124 | 评论:0

2017年01月05日

作者:ceshi | 分类:Js&JQuery | 浏览:14448 | 评论:0

2016年12月22日

作者:web176 | 分类:移动开发 | 浏览:13404 | 评论:0

2016年12月20日

作者:andy001 | 分类:Html5 | 浏览:12740 | 评论:0

2016年12月17日

作者:andy001 | 分类:Html5 | 浏览:11403 | 评论:0

2016年12月09日

作者:Terry | 分类:Html5 | 浏览:15588 | 评论:0

2016年11月30日

作者:andy001 | 分类:开发工具 | 浏览:16267 | 评论:0

2016年11月30日

作者:Terry | 分类:Html5 | 浏览:13462 | 评论:0

2016年11月30日

作者:andy001 | 分类:Html5 | 浏览:13397 | 评论:0

问答社区更多 >